北京網站建設與你分享企業(yè)網站建設—CSS樣式
責任編輯:神州華宇 來源:北京網站建設 點擊:540 發(fā)表時間:2019-05-28
HTML 標簽原本被設計為用于定義文檔內容,如下圖實例:
樣式表定義如何顯示 HTML 元素,就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。CSS樣式表極大的提高了工作效率,通過僅僅編輯一個簡單的 CSS 文檔,外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。
為了解決這個問題,萬維網聯(lián)盟(W3C),這個非營利的標準化聯(lián)盟,肩負起了 HTML 標準化的使命,并在 HTML 4.0 之外創(chuàng)造出樣式(Style)。
當代瀏覽器都支持 CSS 。
多頁面應用同一個樣式
通常保存在外部的獨立的.css文件(該文件不屬于任何頁面文件)可以在多個頁面中使用同一個CSS樣式表。通過在任何的頁面文件中引用.css文件,你可以設置具有一致風格的多個頁面。
樣式層疊
樣式層疊就是對一個元素多次設置同一個樣式,這將使用最后一次設置的屬性值。
樣式層疊次序
當同一個 HTML 元素定義了多個樣式時,應該使用哪個樣式?
一般而言,所有的樣式會根據下面的規(guī)則層疊于一個新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權。
1.瀏覽器缺省設置
2.外部樣式表
3.內部樣式表(位于 <head> 標簽內部)
4.內聯(lián)樣式(在 HTML 元素內部)
因此,內聯(lián)樣式(在 HTML 元素內部)擁有最高的優(yōu)先權,這意味著它將優(yōu)先于以下的樣式聲明:<head> 標簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。
樣式表定義如何顯示 HTML 元素,就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。CSS樣式表極大的提高了工作效率,通過僅僅編輯一個簡單的 CSS 文檔,外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。
為了解決這個問題,萬維網聯(lián)盟(W3C),這個非營利的標準化聯(lián)盟,肩負起了 HTML 標準化的使命,并在 HTML 4.0 之外創(chuàng)造出樣式(Style)。
當代瀏覽器都支持 CSS 。
多頁面應用同一個樣式
通常保存在外部的獨立的.css文件(該文件不屬于任何頁面文件)可以在多個頁面中使用同一個CSS樣式表。通過在任何的頁面文件中引用.css文件,你可以設置具有一致風格的多個頁面。
樣式層疊
樣式層疊就是對一個元素多次設置同一個樣式,這將使用最后一次設置的屬性值。
樣式層疊次序
當同一個 HTML 元素定義了多個樣式時,應該使用哪個樣式?
一般而言,所有的樣式會根據下面的規(guī)則層疊于一個新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權。
1.瀏覽器缺省設置
2.外部樣式表
3.內部樣式表(位于 <head> 標簽內部)
4.內聯(lián)樣式(在 HTML 元素內部)
因此,內聯(lián)樣式(在 HTML 元素內部)擁有最高的優(yōu)先權,這意味著它將優(yōu)先于以下的樣式聲明:<head> 標簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。