站長(zhǎng)資訊網(wǎng)
css設(shè)置標(biāo)簽屬性的方法：首先創(chuàng)建一個(gè)HTML示例文件；然后通過(guò)在html標(biāo)簽上設(shè)置style，來(lái)給標(biāo)簽設(shè)置屬性即可。
本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版，DELL G3電腦
css怎么設(shè)置標(biāo)簽屬性？css選擇器設(shè)置標(biāo)簽樣式
css選擇器
在html標(biāo)簽上設(shè)置style可以給標(biāo)簽設(shè)置屬性：
<p style="background-color: #2459a2;height: 48px;">啊啊啊</p>
我們還可以通過(guò)<head>標(biāo)簽里設(shè)置選擇器，這樣每種樣式只需要寫一遍
<head> <meta charset="UTF-8"> <title>Title</title> <style> <!--在這里寫選擇器--> </style> </head>
具體的選擇器有很多種：
1、通過(guò)id來(lái)復(fù)制樣式
#i1{ background-color: #2459a2; height: 48px; }
在body里的標(biāo)簽這樣用：但id不能寫多個(gè)，所以還是不能多用
<p id="i1"></p> <p id="i1"></p>但id不能寫多個(gè)（不規(guī)范）
2、通過(guò)class來(lái)復(fù)制：
/*class選擇器：用class=c1來(lái)就可以復(fù)制這個(gè)樣式，同時(shí)避免了id必須統(tǒng)一的缺陷*/ .c1{ background-color: #2459a2; height: 60px; }
使用的時(shí)候：
<p class="c1">1251251</p>能寫多個(gè) <p class="c1">1251253</p>能寫多個(gè)
3、標(biāo)簽選擇器：把某一標(biāo)簽都變成這個(gè)樣式：
標(biāo)簽選擇器：把所有的p標(biāo)簽變成黑底白字 p{ background-color: black; color: white; }
4、層級(jí)選擇器：中間是空格
層級(jí)選擇器：把span標(biāo)簽里p標(biāo)簽弄成這個(gè)樣式 span p{ background-color: black; color: white; } 層級(jí)：把c1里c2里的p設(shè)置成這個(gè)樣式 .c1 .c2 p{ background-color: black; color: white; }
5、組合選擇器：中間是逗號(hào)
<style> 組合選擇器：#或者.都可以實(shí)現(xiàn)組合 #i1,#i2,#i3{ background-color: black; color: white; } .c5,.c6,.c7{ background-color: black; color: white; } </style>
6、屬性選擇器：
<style> /*屬性選擇器：把type='text'的設(shè)成這個(gè)樣式*/ input[type='text']{ width: 100px; height: 200px; } 把自定義的n的值為s1的標(biāo)簽設(shè)置成這個(gè)樣式 input[n='s1']{ width: 100px; height: 200px; } </style>
推薦學(xué)習(xí)：《css視頻教程》
