HTML 標(biāo)簽原本被設(shè)計為用于定義文檔內(nèi)容,如下圖實(shí)例:
樣式表定義如何顯示 HTML 元素,就像 HTML 3.2 的字體標(biāo)簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。CSS樣式表極大的提高了工作效率,通過僅僅編輯一個簡單的 CSS 文檔,外部樣式表使你有能力同時改變站點(diǎn)中所有頁面的布局和外觀。
為了解決這個問題,萬維網(wǎng)聯(lián)盟(W3C),這個非營利的標(biāo)準(zhǔn)化聯(lián)盟,肩負(fù)起了 HTML 標(biāo)準(zhǔn)化的使命,并在 HTML 4.0 之外創(chuàng)造出樣式(Style)。
當(dāng)代瀏覽器都支持 CSS 。
多頁面應(yīng)用同一個樣式
通常保存在外部的獨(dú)立的.css文件(該文件不屬于任何頁面文件)可以在多個頁面中使用同一個CSS樣式表。通過在任何的頁面文件中引用.css文件,你可以設(shè)置具有一致風(fēng)格的多個頁面。
樣式層疊
樣式層疊就是對一個元素多次設(shè)置同一個樣式,這將使用最后一次設(shè)置的屬性值。
樣式層疊次序
當(dāng)同一個 HTML 元素定義了多個樣式時,應(yīng)該使用哪個樣式?
一般而言,所有的樣式會根據(jù)下面的規(guī)則層疊于一個新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。
1.瀏覽器缺省設(shè)置
2.外部樣式表
3.內(nèi)部樣式表(位于 <head> 標(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)先于以下的樣式聲明:<head> 標(biāo)簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。
分享標(biāo)題:成都網(wǎng)站建設(shè)與你分享企業(yè)網(wǎng)站建設(shè)—CSS樣式
網(wǎng)站網(wǎng)址:http://www.rwnh.cn/news12/235562.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計公司、微信小程序、網(wǎng)站收錄、網(wǎng)站維護(hù)、微信公眾號、響應(yīng)式網(wǎng)站
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)