做網站重點：鏈接樣式表與引入樣式表
作者：佚名 時間：2014-03-07 分享到：
做網站重點：鏈接式樣式表與引入式樣式表
網站的兩種樣式表，做網站時從表面上來看，鏈接式和引入式樣式表是等價的，是用不同的語法完楊了相同的功能。如果你在文檔中只使用了一個<link>標簽，那么這種說法就是正確的。但是，如果在一篇文檔級和內聯樣式表都會覆蓋外部定義。用兩個或多個<link>標簽時，瀏覽器會給用戶提供一個列出全部鏈接的樣式表列表。用戶可能從中選擇一個鏈接表，瀏覽器會根據用戶的選擇加載使用該樣式表，以是指文檔格式；其他的鏈接表就被忽略掉了。
另一方面，能夠識別樣式的瀏覽器不會分開各個樣式表，而是將多個@import樣式表合并在一起，形成一個文檔樣式規則集。如果在樣式表中有雙重定義，那么最后一個引入的樣式表才有效。因此，如果外部的gen_style.css樣式表規范選告訴瀏覽器裝飾<h1>標簽中的內容顯示為藍色和斜體，然后spec_styles.css告訴顯示器將<h1>的文本顯示為紅色，那么<h1>標簽中的內容將顯示為紅色和斜體。如唱歌我們后來又在文檔級樣式定義中將<h1>標簽中內容定義為另一種顏色，比如黃色，那么<h1>標簽中所有內容都裝飾是黃色和斜體形式。這就是級聯的作用。現在讀者應該明白了吧？
實際上，通過級聯的作用，現在流行的瀏覽器都把鏈接樣式表看作是引入樣式表。瀏覽器不會讓用戶在所有鏈接表中進行選擇。引入的樣式表會覆蓋鏈接的外部樣式表，如同文檔級樣式和內聯樣式會覆蓋外部樣式定義一樣。將上述情況綜合起來。
如果做網站使用的是CSS2模型，瀏覽器將會提示用戶選擇sheetl.css或sheet2.css。然后瀏覽器將加載選中的樣式表，后面緊隨sheet3.css和sheet4.css。復制在sheet3.css或sheet4.css中定義的樣式，而且任何內聯樣式中，這些復制的樣式會覆蓋在所選樣式表中定義的樣式。實際上，瀏覽器會按照順序從sheet1到sheet4的順序對樣式表進行級聯。
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/news/20151229/n6656.html
