CSS外部引用使用了外接的CSS文件,一般的浏覽器都帶有緩存功能,所以用戶不用每次都下載此CSS文件.
外部引用相對於內部引用和內聯引用來說是高效的是節省寬帶的.
外部引用是W3C推薦使用的.
外部引用CSS是最好的引入CSS的方式(可以使代碼量最小,表現最統一,也是標准網頁設計推薦的).內聯引用(直接在Html標簽中使用)雖然是一種快捷的方式(除了層疊的情況,高級教程中我會介紹層疊),但是不利於以後的統一修改和表現的一致性,所以不提倡使用.
夢之都CSS教程中的大部分示例都使用 內部引用CSS -- Internal 的方式,這樣大家可以比較直觀的看到CSS代碼.
3.1.1 使用 link 標簽引用CSS
示例
<head>
<link rel="stylesheet" type="text/css" href="http://www.dreamdu.com/style.CSS" />
</head>
延伸閱讀
XHtml link 標簽
XHtml rel 屬性
XHtml href 屬性
在Html中嵌入CSS -- 定義CSS樣式
外部引用CSS中link與@import的區別
3.1.2 使用 @import 引用CSS
示例
<head>
<style type="text/css">@import url(http://www.dreamdu.com/style.CSS);</style>
</head>
相對路徑與絕對路徑
加載文件的時候可以使用相對路徑或者絕對路徑.
絕對路徑:文件的完整路徑,主頁上的文件或目錄在硬盤上真正的路徑.
http://www.dreamdu.com/html/default.html就是絕對路徑,/html/default.Html也是絕對路徑,C:winntsystem.sys也是絕對路徑
相對路徑:相對於我們查看文檔的路徑.
../default.html或者default.html或者../../default.Html都是相對路徑.
雙表發:
一些老式的浏覽器不支持@import方法.網上流傳著一種叫雙表法的技術,就是利用了一些老式的浏覽器不支持@import這個特性.