CSS(二)选择符
2019-04-11?22:14:23 1.類型選擇符(標簽選擇符)
??html中所有的標簽都可以直接對元素選擇
??p em i a html body..... 特點:對頁面中所有當前類型的元素進行選擇。
??應用:清除某個元素默認樣式的時候,或者是統一某個元素樣式的時候
?2.id選擇器
??語法:<標簽 id="top-wrap"></標簽>
???css:#id名字
??特點:id名字在單一一個頁面內是唯一的
??應用:id名是劃分網頁外圍結構的
?3.類選擇器:
??語法:
???<標簽class="class名稱"></標簽>
???css:? .class名稱(css語句)
??應用:可以定義一類的樣式
??css命名規(guī)范:
???1.不能使用關鍵字(不能是標簽名和屬性)
???2.英文字母開頭,可以連接數字,連字符和下劃線
??? 連字符:
????news-left news-right news-center
???下劃線:
????news_left news_r news_c
???駝峰式:
????newsLeft newsRight 4.包含選擇符:
???語法:
????父元素選擇符 子元素選擇符
??5.群組選擇符:
???語法:(以逗號的形式把選擇符組成一組)
????選擇符1,選擇符2,選擇符3{} 6.偽類選擇符 a:link{屬性:屬性值;}超鏈接的初始狀態(tài)
?a:visited{屬性:屬性值;}超鏈接被訪問后的狀態(tài)
?a:hover{屬性:屬性值;}鼠標懸停,即鼠標劃過超鏈接時的狀態(tài)
?a:active{屬性:屬性值;}超鏈接被激活的狀態(tài),即鼠標按下時超鏈接的狀態(tài) 7.通配符
??*{ margin:0;
???padding:0;
??} 注:選擇符權重: 內聯樣式表 >id >class、偽類> 標簽 (1000) ? ? ? ? (100) ? ? ? ? ? (10) ?? (1) a:包含選擇符權重為權重之和。 b:群組選擇符保持自身權重不變
??html中所有的標簽都可以直接對元素選擇
??p em i a html body..... 特點:對頁面中所有當前類型的元素進行選擇。
??應用:清除某個元素默認樣式的時候,或者是統一某個元素樣式的時候
?2.id選擇器
??語法:<標簽 id="top-wrap"></標簽>
???css:#id名字
??特點:id名字在單一一個頁面內是唯一的
??應用:id名是劃分網頁外圍結構的
?3.類選擇器:
??語法:
???<標簽class="class名稱"></標簽>
???css:? .class名稱(css語句)
??應用:可以定義一類的樣式
??css命名規(guī)范:
???1.不能使用關鍵字(不能是標簽名和屬性)
???2.英文字母開頭,可以連接數字,連字符和下劃線
??? 連字符:
????news-left news-right news-center
???下劃線:
????news_left news_r news_c
???駝峰式:
????newsLeft newsRight 4.包含選擇符:
???語法:
????父元素選擇符 子元素選擇符
??5.群組選擇符:
???語法:(以逗號的形式把選擇符組成一組)
????選擇符1,選擇符2,選擇符3{} 6.偽類選擇符 a:link{屬性:屬性值;}超鏈接的初始狀態(tài)
?a:visited{屬性:屬性值;}超鏈接被訪問后的狀態(tài)
?a:hover{屬性:屬性值;}鼠標懸停,即鼠標劃過超鏈接時的狀態(tài)
?a:active{屬性:屬性值;}超鏈接被激活的狀態(tài),即鼠標按下時超鏈接的狀態(tài) 7.通配符
??*{ margin:0;
???padding:0;
??} 注:選擇符權重: 內聯樣式表 >id >class、偽類> 標簽 (1000) ? ? ? ? (100) ? ? ? ? ? (10) ?? (1) a:包含選擇符權重為權重之和。 b:群組選擇符保持自身權重不變
轉載于:https://www.cnblogs.com/yueyuez/p/10679772.html
總結
- 上一篇: jmeter制造大批量的用户数据数据
- 下一篇: 干货|Spring Cloud Bus