站長資訊網
        最全最豐富的資訊網站

        css怎么設置標簽屬性

        css設置標簽屬性的方法:首先創建一個HTML示例文件;然后通過在html標簽上設置style,來給標簽設置屬性即可。

        css怎么設置標簽屬性

        本文操作環境:windows7系統、HTML5&&CSS3版,DELL G3電腦

        css怎么設置標簽屬性?css選擇器設置標簽樣式

        css選擇器

        在html標簽上設置style可以給標簽設置屬性:

        <p style="background-color: #2459a2;height: 48px;">啊啊啊</p>

        我們還可以通過<head>標簽里設置選擇器,這樣每種樣式只需要寫一遍

        <head>     <meta charset="UTF-8">     <title>Title</title>     <style>         <!--在這里寫選擇器-->     </style> </head>

        具體的選擇器有很多種:

        1、通過id來復制樣式

        #i1{     background-color: #2459a2;     height: 48px; }

        在body里的標簽這樣用:但id不能寫多個,所以還是不能多用

            <p id="i1"></p>     <p id="i1"></p>但id不能寫多個(不規范)

        2、通過class來復制:

        /*class選擇器:用class=c1來就可以復制這個樣式,同時避免了id必須統一的缺陷*/ .c1{     background-color: #2459a2;     height: 60px; }

        使用的時候:

            <p class="c1">1251251</p>能寫多個     <p class="c1">1251253</p>能寫多個

        3、標簽選擇器:把某一標簽都變成這個樣式:

        標簽選擇器:把所有的p標簽變成黑底白字 p{     background-color: black;     color: white; }

        4、層級選擇器:中間是空格

                層級選擇器:把span標簽里p標簽弄成這個樣式         span p{             background-color: black;             color: white;         }         層級:把c1里c2里的p設置成這個樣式         .c1 .c2 p{             background-color: black;             color: white;         }

        5、組合選擇器:中間是逗號

            <style>         組合選擇器:#或者.都可以實現組合         #i1,#i2,#i3{             background-color: black;             color: white;         }         .c5,.c6,.c7{             background-color: black;             color: white;         }     </style>

        6、屬性選擇器:

            <style>                 /*屬性選擇器:把type='text'的設成這個樣式*/         input[type='text']{             width: 100px;             height: 200px;         }         把自定義的n的值為s1的標簽設置成這個樣式         input[n='s1']{             width: 100px;             height: 200px;         }     </style>

        推薦學習:《css視頻教程》

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 亚洲精品乱码久久久久久| 99精品国产高清一区二区麻豆| 久久精品国产亚洲AV无码娇色 | 日韩精品无码人妻一区二区三区| 国产成人精品免费午夜app| 亚洲av成人无码久久精品| 久草视频精品在线| 国产精品高清2021在线| 精品一卡2卡三卡4卡免费视频| 久久夜色精品国产噜噜噜亚洲AV | 99精品视频免费| 精品欧洲AV无码一区二区男男| 亚洲欧美日韩国产成人精品影院| 久久精品成人免费观看97| 国产精品美女久久久久AV福利| 精品久久久久久久久中文字幕| 精品国产精品国产偷麻豆| 一区二区国产精品| 午夜肉伦伦影院久久精品免费看国产一区二区三区 | 无码国内精品久久人妻蜜桃| 欧美在线精品永久免费播放| 精品无码国产污污污免费网站国产 | 国产成人99久久亚洲综合精品| 欧美精品国产精品| 韩国精品欧美一区二区三区| 2020国产精品永久在线| 99国产精品一区二区| 岛国精品一区免费视频在线观看| 久久99国产综合精品免费| 无码人妻精品一区二区三区99仓本| 亚洲精品欧美精品日韩精品| 亚洲国产精品一区二区第四页| 日韩欧美国产精品第一页不卡| 欧美成人精品网站播放| 亚洲精品高清在线| 四虎国产成人永久精品免费| 久热这里只有精品视频6| 中文精品一卡2卡3卡4卡| 成人精品视频在线观看| 久久精品国产99久久久| 久久婷婷国产综合精品|