選擇器{

屬性：值；//說(shuō)明

}

二、分類(lèi)（三種）

內(nèi)聯(lián)式、嵌入式、外部式

內(nèi)聯(lián)式：直接把css代碼寫(xiě)在現(xiàn)有的html標(biāo)簽中；

嵌入式：可以把css代碼寫(xiě)在標(biāo)簽之間，一般將css樣式嵌入標(biāo)簽之間；

外部式：css代碼寫(xiě)在一個(gè)單獨(dú)的文件，這個(gè)css樣式文件以.css為擴(kuò)展名，在標(biāo)簽之間通過(guò)引入

說(shuō)明：在相同權(quán)值的情況下，內(nèi)聯(lián)式>嵌入式>外部式；（就近原則）

三、選擇器分類(lèi)

1.標(biāo)簽選擇器：html代碼中的標(biāo)簽

2.類(lèi)選擇器：.類(lèi)選擇器{ }

使用class = “類(lèi)選擇器名稱(chēng)”為標(biāo)簽設(shè)置一個(gè)類(lèi)

3.id選擇器：#選擇器{ }

使用id = “ID名稱(chēng)”為一個(gè)標(biāo)簽設(shè)置

說(shuō)明：id和class都可以應(yīng)用任何元素；ID選擇器只能在文檔中使用一次,類(lèi)選擇器可以使用多次；類(lèi)選擇器可以為一個(gè)元素設(shè)置多個(gè)樣式。

4.子選擇器：（>）,用于選擇指定標(biāo)簽元素的第一代子元素

.first > span{color:red;}

5.包含（后代）選擇器：加入空格，用于選擇指定標(biāo)簽元素下的后輩元素。

.first span{color:red;}

說(shuō)明：子選擇器僅是指他的直接后代（兒子），后代選擇器可以作用于所有子后代的元素（兒子，孫子，重孫等）；> 作用元素的后一代，空格作用于元素的所有后代。

6.通用選擇器：*

它使用*號(hào)。能夠匹配所有的html標(biāo)簽。

7.分組選擇符：，

多個(gè)標(biāo)簽元素設(shè)置同一個(gè)樣式時(shí)，可以使用分組選擇符（，）

h1,span{color:red;}

四、特性

1.繼承：css央視具有繼承性，繼承是一種規(guī)則，它允許該樣式不僅應(yīng)用于某個(gè)特定的html標(biāo)簽元素，而且應(yīng)用與它的后代。

2.特殊性：有的時(shí)候同一個(gè)標(biāo)簽我們給了多個(gè)樣式，那么元素會(huì)采用哪種樣式，取決于這個(gè)樣式的權(quán)值，標(biāo)簽的權(quán)值為1，類(lèi)選擇符的權(quán)值為10，ID選擇符的權(quán)值最高為100.

3.層疊：如果html文件中某個(gè)元素有多個(gè)css樣式，并且這些css樣式具有一樣的權(quán)重，這個(gè)時(shí)候就取決于這些css樣式的順序，處于最后面的css會(huì)被應(yīng)用。

4.重要性：！important。采用這種方式說(shuō)明這個(gè)樣式權(quán)重最高。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com