? ? ? ?樣式表定義如何顯示 HTML 元素,就像 HTML 3.2 的字體標(biāo)簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。CSS樣式表極大的提高了工作效率,通過(guò)僅僅編輯一個(gè)簡(jiǎn)單的 CSS 文檔,外部樣式表使你有能力同時(shí)改變站點(diǎn)中所有頁(yè)面的布局和外觀。
? ? ? ?為了解決這個(gè)問(wèn)題,萬(wàn)維網(wǎng)聯(lián)盟(W3C),這個(gè)非營(yíng)利的標(biāo)準(zhǔn)化聯(lián)盟,肩負(fù)起了 HTML 標(biāo)準(zhǔn)化的使命,并在 HTML 4.0 之外創(chuàng)造出樣式(Style)。
? ? ? ?當(dāng)代瀏覽器都支持 CSS 。
? ? ? ?多頁(yè)面應(yīng)用同一個(gè)樣式
? ? ? ?通常保存在外部的獨(dú)立的.css文件(該文件不屬于任何頁(yè)面文件)可以在多個(gè)頁(yè)面中使用同一個(gè)CSS樣式表。通過(guò)在任何的頁(yè)面文件中引用.css文件,你可以設(shè)置具有一致風(fēng)格的多個(gè)頁(yè)面。
? ? ?? 樣式層疊
? ? ? ?樣式層疊就是對(duì)一個(gè)元素多次設(shè)置同一個(gè)樣式,這將使用最后一次設(shè)置的屬性值。
? ? ? ?樣式層疊次序 ??
? ? ? ?當(dāng)同一個(gè) HTML 元素定義了多個(gè)樣式時(shí),應(yīng)該使用哪個(gè)樣式?
? ? ? ?一般而言,所有的樣式會(huì)根據(jù)下面的規(guī)則層疊于一個(gè)新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。
? ? ? ?1.瀏覽器缺省設(shè)置
? ? ? ?2.外部樣式表?
? ? ? ?3.內(nèi)部樣式表(位于
標(biāo)簽內(nèi)部)? ? ? ?4.內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
? ? ? ?因此,內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權(quán),這意味著它將優(yōu)先于以下的樣式聲明:
標(biāo)簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。