樣式表的優(yōu)先級.doc

《樣式表的優(yōu)先級.doc》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、樣式表的優(yōu)先級我們學(xué)習(xí)了3種樣式表，了解了它們各自的應(yīng)用范圍。如果在一個HTML頁面中，使用這3種樣式，并且每一種樣式中都為某一個HTML標簽同一個屬性定義了多個不同的樣式，那么在頁面顯示時，究竟是哪個樣式表起作用呢？1．層疊樣式表的意義當我們?yōu)橥粋€標簽多次設(shè)置樣式表的時候，這些樣式表會最終層疊成一個樣式表來作用于標簽。例如，你在外部樣式表中為p定義了如下樣式：p{text-align:left;}而在內(nèi)部樣式表中又定義了如下樣式：p{text-indent:24px;}那么最終網(wǎng)頁內(nèi)p標簽的樣式將為：p{text-align:left;text-inden

2、t:24px;}。2．幾種樣式表的優(yōu)先級上面的兩個樣式表的層疊比較好理解，兩個樣式表分別定義了一個標簽的不同屬性。但是如果外部樣式表與內(nèi)部樣式表同時定義了一個屬性呢？看下面的例子。外部樣式表的內(nèi)容：p{text-align:center;}內(nèi)部樣式表的內(nèi)容：p{text-align:left;}最終頁面中的段落將是左對齊，也就是說如果你試圖對同一標簽的同一屬性多次定義，那么內(nèi)部樣式表的定義將要覆蓋外部樣式表的定義。這是因為內(nèi)部樣式表的優(yōu)先級高于外部樣式表。三種樣式表的優(yōu)先級由高到低排列如下：1.行內(nèi)樣式表(內(nèi)嵌樣式表)2.內(nèi)部樣式表3.外部樣式表4.補充規(guī)則：

3、優(yōu)先級相同的情況下，后定義的屬性會覆蓋先前定義的。其他高級規(guī)則：CSS中的important!是比較實用的技巧，這里就不多說了。將在后續(xù)的CSS技巧中討論。