溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“css如何設(shè)置標簽屬性”，文中的講解內(nèi)容簡單清晰，易于學(xué)習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習“css如何設(shè)置標簽屬性”吧！
css設(shè)置標簽屬性的方法：首先創(chuàng)建一個HTML示例文件；然后通過在html標簽上設(shè)置style，來給標簽設(shè)置屬性即可。
本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版，DELL G3電腦
css怎么設(shè)置標簽屬性？css選擇器設(shè)置標簽樣式
在html標簽上設(shè)置style可以給標簽設(shè)置屬性：
<p style="background-color: #2459a2;height: 48px;">啊啊啊</p>
我們還可以通過<head>標簽里設(shè)置選擇器，這樣每種樣式只需要寫一遍
<head> <meta charset="UTF-8"> <title>Title</title> <style> <!--在這里寫選擇器--> </style> </head>
具體的選擇器有很多種：
1、通過id來復(fù)制樣式
#i1{
background-color: #2459a2;
height: 48px;
}在body里的標簽這樣用：但id不能寫多個，所以還是不能多用
<p id="i1"></p> <p id="i1"></p>但id不能寫多個（不規(guī)范）
2、通過class來復(fù)制：
/*class選擇器：用class=c1來就可以復(fù)制這個樣式，同時避免了id必須統(tǒng)一的缺陷*/
.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設(shè)置成這個樣式
.c1 .c2 p{
background-color: black;
color: white;
}5、組合選擇器：中間是逗號
<style>
組合選擇器：#或者.都可以實現(xiàn)組合
#i1,#i2,#i3{
background-color: black;
color: white;
}
.c5,.c6,.c7{
background-color: black;
color: white;
}
</style>6、屬性選擇器：
<style>
/*屬性選擇器：把type='text'的設(shè)成這個樣式*/
input[type='text']{
width: 100px;
height: 200px;
}
把自定義的n的值為s1的標簽設(shè)置成這個樣式
input[n='s1']{
width: 100px;
height: 200px;
}
</style>感謝各位的閱讀，以上就是“css如何設(shè)置標簽屬性”的內(nèi)容了，經(jīng)過本文的學(xué)習后，相信大家對css如何設(shè)置標簽屬性這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼