網頁設計與製作（四）

1.標籤指定選擇器

標籤指定式選擇器又稱交集選擇器，有兩個選擇器構成，其中第乙個為標記選擇器，第二個為class選擇器或id選擇器，兩個選擇器之間不能有空格，如h3.special或p#one。

3段落文字巢狀在段落中，使用strong標記定義的文字（紅色）。巢狀之外由

後代選擇器不限於使用兩個元素，如果需要加入更多的元素，只需在元素之間加上空格即可。如果《strong》標記中還巢狀乙個《em》標記，想要控制這個《em》標記，就可以使用p.strong.em選中它。

3.並集選擇器

並集選擇器是各個選擇器通過逗號連線而成的，任何形式的選擇器（包括標記選擇器、class類選擇器、id選擇器等），都可以作為並集選擇器的一部分。如果某些選擇器定義的樣式完全相同，或部分相同，就可以利用並集選擇器為它們定義相同的css樣式。

"special">段落文字1，加下劃線段落二，普通文字 "one">段落三，加下劃線

css是層疊式樣式表的簡稱，層疊性和繼承性是其基本特徵。

1.層疊性

所謂層疊性是指多種css樣式的疊加。例如，當使用內嵌式css樣式表定義《p》標記字型大小大小為12畫素，鏈入式定義《p》標記顏色為紅色，那麼段落文字將顯示為12畫素紅色，即兩種樣式產生了疊加。

css層疊性"special" id="one">段落1
段落2段落3

2.繼承性所謂繼承性是指書寫css樣式表時，子標記會繼承父標記的某些樣式，如文字顏色和字型大小。例如，定義主體body的文字顏色為黑色，那麼頁面中所有的文字都將顯示為黑色，這是因為其他標記都巢狀在《body》標記中，是《body》標記的子標記。

如果網頁中所有元素都大量繼承樣式，那麼判斷樣式的**就會很困難，所以對於字型、文字屬性等網頁中通用的樣式可以使用繼承。

**並不是所有的css屬性都可以繼承，**例如，下面的屬性就不具有繼承性：

1.邊框屬性

2.外邊距屬性

3.內邊距屬性

4.背景屬性

5.定位屬性

6.布局屬性

7.元素寬高屬性

標題文字不採用body元素設定的字型大小，是因為標題標記h1~h6有預設字型大小樣式，這時預設字型大小覆蓋了繼承字型大小。

定義css樣式時，經常出現兩個或更多規則應用在同一元素上，這是就會出現優先順序的問題。

標記選擇器具有權重1，類選擇器具有權重10，id選擇器具有權重100。這樣，id選擇器#header就有最大的優先順序，因此文字顯示為藍色。

對於有多個基礎選擇器構成的復合選擇器（並集選擇器除外），其權重為這些基礎選擇器權重的疊加。

1.繼承樣式的權重為0

即在巢狀結構中，不管父元素樣式的權重有多大，被子元素繼承時，她的權重都為0，也就是說子元素定義的樣式會覆蓋繼承來的樣式。

例如：css樣式**：

strong #header

對應的html結構為：

"header" class="blue">繼承樣式不如自己定義

2.行內樣式優先應用style屬性的元素，其行內樣式的權重都非常高，可以理解為遠大於100。總之，它擁有比上面提高的選擇器都大的優先順序。

3.權重相同，css遵循就近原則

靠近元素的樣式具有最大的優先順序，或者說排在最後的樣式優先順序最大。

3.css定義了乙個！important命令，該命令被賦予最大的優先順序。

也就是說不管權重如何以及樣式的位置的遠近，！important都具有最大的優先順序。

！important命令必須位於屬性值和分號之間，否則無效，ie6及更低版本的瀏覽器不支援！important命令。