萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 淺析CSS編程的外部CSS文件引用方法

淺析CSS編程的外部CSS文件引用方法

   CSS外部引用使用了外接的CSS文件,一般的浏覽器都帶有緩存功能,所以用戶不用每次都下載此CSS文件.

  外部引用相對於內部引用和內聯引用來說是高效的是節省寬帶的.

  外部引用是W3C推薦使用的.

  外部引用CSS是最好的引入CSS的方式(可以使代碼量最小,表現最統一,也是標准網頁設計推薦的).內聯引用(直接在HTML標簽中使用)雖然是一種快捷的方式(除了層疊的情況,高級教程中我會介紹層疊),但是不利於以後的統一修改和表現的一致性,所以不提倡使用.

  使用 link 標簽引用CSS

  示例

  CSS Code復制內容到剪貼板

  1. <head>
  2. <link rel="stylesheet" type="text/css" href="http://www.dreamdu.com/style.css" />
  3. </head>  

  使用 @import 引用CSS

  示例

  CSS Code復制內容到剪貼板

  1. <head>
  2. <style type="text/css">@import url(http://www.dreamdu.com/style.css);</style>
  3. </head>  

  相對路徑與絕對路徑

  加載文件的時候可以使用相對路徑或者絕對路徑

  絕對路徑:文件的完整路徑,主頁上的文件或目錄在硬盤上真正的路徑

  http://www.dreamdu.com/html/default.html就是絕對路徑,/html/default.html也是絕對路徑,C:winntsystem.sys也是絕對路徑

  相對路徑:相對於我們查看文檔的路徑

  ../default.html或者default.html或者../../default.html都是相對路徑

copyright © 萬盛學電腦網 all rights reserved