CSS 串接



CSS 教學  >  串接

CSS 的全名為 Cascading Style Sheets。如果只有一個樣式表,那『串接』(cascade) 這個部分就不重要。若一個 HTML 文件中包含有多個樣式表,那串接這個概念就非常重要了。

串接是指當不同樣式表中對相同屬性有不同定義時,應該要用哪一個樣式表中的定義的規則。

最基本的規則是,越接近 HTML 本身的樣式越有優先權。因此,內行套用的樣式通常會有最高的優先權,因為它最接近 HTML 的元素。接下來的是嵌入套用的樣式表;這一類的樣式表是在 <head> 內宣告的。再下來是匯入套用的樣式表。若有多個樣式表被匯入,越後被匯入的越有優先權。優先權最低的是外部連接套用的樣式表。若有多個外部樣式表被連接,越後被匯入的越有優先權。

另外,每一個瀏覽器也都有自己的樣式表 (這就是為什麼超連接文字通常會是藍色,而且下面有一條線)。這一類的樣式表優先權比以上的幾種都低。

所以,從最高優先權到最低優先權的排名如下:

  • 內行套用的樣式表 (Inline stylesheet)
  • 嵌入套用的樣式表 (Embedded stylesheet)
  • 匯入套用的樣式表 (Imported stylesheet)
  • 外部連接套用的樣式表 (Linked stylesheet)
  • 瀏覽器本身的樣式表 (Browser's own stylesheet)

下一頁: CSS 繼承



Copyright 1keydata.com 2007, 2008, All Rights Reserved.



CSS 語法教學
CSS 語法
CSS 套用方式
CSS 媒體類別
CSS 串接
CSS 繼承
CSS Class 與 ID
CSS Div 與 Span
CSS 長度單位

CSS 盒子模式
CSS 邊界 (Margin)
CSS 邊框 (Border)
CSS 留白 (Padding)
CSS 背景 (Background)
CSS 顏色
CSS 字體
CSS 連接
CSS 清單 (List)
CSS 表格 (Table)
CSS 位置 (Position)
CSS 文字 (Text)
CSS 浮動 (Float)
CSS 清除 (Clear)
CSS 滑鼠游標圖案

CSS 樣式