淺析CSS編程的外部CSS文件引用方法
發(fā)布時間：2015-08-26 18:17:28 作者：佚名 
我要評論
我要評論這篇文章主要介紹了CSS編程的外部CSS文件引用方法,是CSS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
CSS外部引用使用了外接的CSS文件,一般的瀏覽器都帶有緩存功能,所以用戶不用每次都下載此CSS文件.
外部引用相對于內(nèi)部引用和內(nèi)聯(lián)引用來說是高效的是節(jié)省寬帶的.
外部引用是W3C推薦使用的.
外部引用CSS是最好的引入CSS的方式(可以使代碼量最小,表現(xiàn)最統(tǒng)一,也是標(biāo)準(zhǔn)網(wǎng)頁設(shè)計推薦的).內(nèi)聯(lián)引用(直接在HTML標(biāo)簽中使用)雖然是一種快捷的方式(除了層疊的情況,高級教程中我會介紹層疊),但是不利于以后的統(tǒng)一修改和表現(xiàn)的一致性,所以不提倡使用.
使用 link 標(biāo)簽引用CSS
示例
CSS Code復(fù)制內(nèi)容到剪貼板
- <head>
- <link rel="stylesheet" type="text/css" href="http://www.dreamdu.com/style.css" />
- </head>
使用 @import 引用CSS
示例
CSS Code復(fù)制內(nèi)容到剪貼板
- <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都是相對路徑
相關(guān)文章
- 目前有兩種引用方式，一種是通過在head里面的link來引用，另外一種是直接通過import來引用，示例代碼如下，需要的朋友不要錯過2014-08-06
- javascript和css文件中采用相對路徑，其基準(zhǔn)路徑是完全不同的，下面為大家介紹下CSS與JS中的相對路徑引用，不了解的朋友可以參考下2014-05-19
- CSS都是正確的，鏈接也沒有出錯的話，為什么偏偏CSS樣式不生效2011-07-22
- js與css的引用方法，都是基礎(chǔ)的東西。2011-06-23
Photoshop CSS網(wǎng)頁制作的背景圖 主題的引用樣式
Photoshop制作CSS網(wǎng)頁制作的背景圖.2010-01-21- 看到淘寶網(wǎng)頁中這樣寫使用的是import,而很多網(wǎng)站都是使用link，當(dāng)然還有一些頁面比較簡單，流量很大的網(wǎng)站，是直接將CSS寫在html代碼中的？他們有什么區(qū)別？2009-11-19
- 通常，我們的頁面都是引用了很多樣式文件，同時樣式文件給我們的頁面設(shè)置了很多背景圖片。但是這里有個小細節(jié)容易忽視。圖片的referer來源處理存在瀏覽器的差異。2009-07-29
- 網(wǎng)頁制作Webjx文章簡介：這兩天剛寫完XHTML加載CSS的幾種方式，其中外部引用CSS分為兩種方式link和@import。 有很多網(wǎng)頁中的CSS鏈接與引用是這樣寫的：2009-04-02
- 這篇文章主要介紹了CSS的四種引用方式,需要的朋友可以參考下2018-09-07