您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關使用css選擇器怎么設置標簽樣式,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
css選擇器
在html標簽上設置style可以給標簽設置屬性:
<div style="background-color: #2459a2;height: 48px;">啊啊啊</div>
我們還可以通過<head>標簽里設置選擇器,這樣每種樣式只需要寫一遍
<head> <meta charset="UTF-8"> <title>Title</title> <style> <!--在這里寫選擇器--> </style> </head>
具體的選擇器有很多種:
1、通過id來復制樣式
#i1{ background-color: #2459a2; height: 48px; }
在body里的標簽這樣用:但id不能寫多個,所以還是不能多用
<div id="i1"></div> <div id="i1"></div>但id不能寫多個(不規(guī)范)
2、通過class來復制:
/*class選擇器:用class=c1來就可以復制這個樣式,同時避免了id必須統(tǒng)一的缺陷*/ .c1{ background-color: #2459a2; height: 60px; }
使用的時候:
<div class="c1">1251251</div>能寫多個 <div class="c1">1251253</div>能寫多個
3、標簽選擇器:把某一標簽都變成這個樣式:
標簽選擇器:把所有的div標簽變成黑底白字
div{ background-color: black; color: white; }
4、層級選擇器:中間是空格
層級選擇器:把span標簽里div標簽弄成這個樣式
span div{ background-color: black; color: white; } 層級:把c1里c2里的div設置成這個樣式 .c1 .c2 div{ 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'的設成這個樣式*/ input[type='text']{ width: 100px; height: 200px; } 把自定義的n的值為s1的標簽設置成這個樣式 input[n='s1']{ width: 100px; height: 200px; } </style>
css的全稱是Cascading Style Sheets(層疊樣式表),它是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。
關于使用css選擇器怎么設置標簽樣式就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。