CSS簡介01_html/css_WEB-ITnose

選擇器{

屬性：值；//說明

}

二、分類（三種）

內聯式、嵌入式、外部式

內聯式：直接把css代碼寫在現有的html標簽中；

嵌入式：可以把css代碼寫在標簽之間，一般將css樣式嵌入標簽之間；

外部式：css代碼寫在一個單獨的文件，這個css樣式文件以.css為擴展名，在標簽之間通過引入

說明：在相同權值的情況下，內聯式>嵌入式>外部式；（就近原則）

三、選擇器分類

1.標簽選擇器：html代碼中的標簽

2.類選擇器：.類選擇器{ }

使用class = “類選擇器名稱”為標簽設置一個類

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

使用id = “ID名稱”為一個標簽設置

說明：id和class都可以應用任何元素；ID選擇器只能在文檔中使用一次,類選擇器可以使用多次；類選擇器可以為一個元素設置多個樣式。

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

.first > span{color:red;}

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

.first span{color:red;}

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

6.通用選擇器：*

它使用*號。能夠匹配所有的html標簽。

7.分組選擇符：，

多個標簽元素設置同一個樣式時，可以使用分組選擇符（，）

h1,span{color:red;}

四、特性

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

2.特殊性：有的時候同一個標簽我們給了多個樣式，那么元素會采用哪種樣式，取決于這個樣式的權值，標簽的權值為1，類選擇符的權值為10，ID選擇符的權值最高為100.

3.層疊：如果html文件中某個元素有多個css樣式，并且這些css樣式具有一樣的權重，這個時候就取決于這些css樣式的順序，處于最后面的css會被應用。

4.重要性：！important。采用這種方式說明這個樣式權重最高。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com