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