css選擇器定義類(lèi)型,類(lèi)型選擇符用什么標(biāo)記?
類(lèi)選擇符:自己定義的包含多條樣式的集合,以“.”開(kāi)頭。可以在頁(yè)面中重復(fù)使用該樣式。如:.aaa{ ……}類(lèi)型選擇符:定義HTML固有標(biāo)簽的樣式。前面不加“.”例如:p{ ……}ID選擇符,和類(lèi)選擇符格式相同。區(qū)別在于以“#”開(kāi)頭,而且ID是先找到結(jié)構(gòu)/內(nèi)容,再給它定義樣式;class是先定義好一種樣式,再套給多個(gè)結(jié)構(gòu)/內(nèi)容例如:#aaa{ ……}通配符,顧名思意:對(duì)頁(yè)面內(nèi)所以標(biāo)簽都生效。其名稱(chēng)必須為“*”。例如:*{ ……}偽類(lèi):常用的有四個(gè)、即A標(biāo)簽里的四個(gè)狀態(tài)(a:link a:visited a:hover a:active)。
其他的如:lang :focus等不常用,也存在兼容問(wèn)題。
css選擇器識(shí)別范圍?
css選擇器優(yōu)先級(jí)核心:每個(gè)選擇器本身有優(yōu)先級(jí),作用范圍越具體優(yōu)先級(jí)越高。
CSS優(yōu)先級(jí)從高到低分別是:
1.在屬性后面使用 !important 會(huì)覆蓋頁(yè)面內(nèi)任何位置定義的元素樣式。
2.作為style屬性寫(xiě)在元素標(biāo)簽上的內(nèi)聯(lián)樣式
3.id選擇器
4.類(lèi)選擇器
5.偽類(lèi)選擇器
6.屬性選擇器
7.標(biāo)簽選擇器
8.通配符選擇器
9.瀏覽器選擇器
當(dāng)CSS樣式的規(guī)則由多個(gè)選擇器組成時(shí),id選擇器的權(quán)值為1000,class選擇器為100,標(biāo)簽選擇器為10,按權(quán)值求和的記過(guò)高低決定哪個(gè)優(yōu)先。當(dāng)兩個(gè)css規(guī)則的權(quán)值相同時(shí),誰(shuí)更具體用誰(shuí),也就是權(quán)值高的選擇器作用的越具體優(yōu)先級(jí)越高。當(dāng)兩個(gè)選擇器規(guī)則和權(quán)值都是一樣,后面樣式會(huì)覆蓋前面的!
CSS樣式是專(zhuān)門(mén)用來(lái)進(jìn)行什么的?
CSS即層疊樣式表(Cascading Style Sheets),是一種專(zhuān)門(mén)用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言。
CSS樣式主要包含以下三種類(lèi)型:
1、行內(nèi)樣式(內(nèi)嵌樣式):結(jié)構(gòu)的內(nèi)部,即寫(xiě)在標(biāo)簽內(nèi)的樣式;寫(xiě)在標(biāo)簽的開(kāi)始部分內(nèi)部,style屬性當(dāng)中。
例:<標(biāo)記 style="樣式的屬性名1:樣式的屬性值1;屬性名2:屬性值2;......"></標(biāo)記>
2、內(nèi)部樣式(內(nèi)聯(lián)樣式):寫(xiě)在HTML頁(yè)面內(nèi)部,存放于head標(biāo)記當(dāng)中,樣式寫(xiě)在style標(biāo)記內(nèi)。
例:<style>選擇器 {屬性名:屬性值;屬性名:屬性值;......}</style>
3、外部樣式(外聯(lián)樣式):寫(xiě)在css文件內(nèi)。
css的類(lèi)選擇器用什么屬性引用?
用于來(lái)定義一類(lèi)可以在同一個(gè)頁(yè)面內(nèi)重復(fù)利用的樣式。 如比較常用的.clearfix(一般是用于清除浮動(dòng)),或者自己定義的用于新聞列表的樣式,詳細(xì)的寫(xiě)好鏈接、列表、邊框以及背景等屬性,有些人還會(huì)習(xí)慣把一些常用的屬性作為一個(gè)類(lèi)。