北京網(wǎng)站建設與你分享企業(yè)網(wǎng)站建設—CSS樣式
責任編輯:神州華宇 來源:北京網(wǎng)站建設 點擊:555 發(fā)表時間:2019-05-28
HTML 標簽原本被設計為用于定義文檔內(nèi)容,如下圖實例:
樣式表定義如何顯示 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)先權(quán)。
1.瀏覽器缺省設置
2.外部樣式表
3.內(nèi)部樣式表(位于 <head> 標簽內(nèi)部)
4.內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
因此,內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權(quán),這意味著它將優(yōu)先于以下的樣式聲明:<head> 標簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。
樣式表定義如何顯示 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)先權(quán)。
1.瀏覽器缺省設置
2.外部樣式表
3.內(nèi)部樣式表(位于 <head> 標簽內(nèi)部)
4.內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
因此,內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權(quán),這意味著它將優(yōu)先于以下的樣式聲明:<head> 標簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。
最新文章
- 1你要建一個網(wǎng)站,到底要花多少錢?定制網(wǎng)站和普通網(wǎng)站的價格差異!
- 2全方位網(wǎng)站建設與網(wǎng)站制作構(gòu)建數(shù)字時代的堅實基石
- 3電子商務網(wǎng)站建設一站式打造高效便捷的在線交易平臺
- 4品質(zhì)網(wǎng)站制作與設計塑造卓越在線體驗的基石
- 5企業(yè)網(wǎng)站制作與維護構(gòu)建數(shù)字時代的商業(yè)門戶
- 6創(chuàng)意企業(yè)網(wǎng)站建設與維護激發(fā)數(shù)字時代的無限可能
- 7品質(zhì)網(wǎng)站建設服務體驗塑造卓越在線形象的關鍵
- 8定制網(wǎng)站制作創(chuàng)新服務重塑企業(yè)數(shù)字形象的新篇章
- 9高效網(wǎng)站制作品質(zhì)服務驅(qū)動數(shù)字化轉(zhuǎn)型的加速器