」語句呼叫;2、在style標籤中使用「@import url(CSS檔案路徑位址)”語句調用。"/> 」語句呼叫;2、在style標籤中使用「@import url(CSS檔案路徑位址)”語句調用。">
呼叫方法:1、使用“5656fc924cbbc5d25297dabf0a9ab171”語句調用;2、在style標籤中使用“ @import url(CSS檔案路徑位址)”語句呼叫。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
html呼叫外部css有兩種方法
#連結式--使用2cdf5bf648cf2f33323966d7f58a7f3f標籤
#導入式--使用@import規則標籤
1、連結式
在網頁的93f0f5c25f18dab9d176bd4f6de5d30e7cdffbc981ce578dc6212f54b5f55c8e標籤對中使用2cdf5bf648cf2f33323966d7f58a7f3f標記來引入外部樣式表文件,使用html規則引入外部css。
語法:
<link rel="stylesheet" href="css文件路径" type="text/css" />
2cdf5bf648cf2f33323966d7f58a7f3f 標籤定義文件與外部資源的關係,2cdf5bf648cf2f33323966d7f58a7f3f 標籤最常見的用途是連結樣式表。
2、匯入式
CSS @import規則,用於從其他樣式表匯入樣式規則。這些規則必須先於所有其他類型的規則,@import不能在條件組的規則中使用。
將一個獨立的.css檔案引入HTML檔案中,使用css @import規則引入外部css文件,寫在93f0f5c25f18dab9d176bd4f6de5d30e標記的c9ccee2e6ea535a969eb3f532ad9fe89標記中
#語法:
<style type="text/css"> @import url(CSS文件路径地址); </style>
比較連結方式和導入方式
連結方式(下面用link 代替)和導入方式(下面用@import 代替)都是引入外部的CSS 文件的方式,下面我們來比較這兩種方式。
link 屬於HTML,透過2cdf5bf648cf2f33323966d7f58a7f3f 標籤中的href 屬性來引入外部文件,而@import 屬於CSS,所以導入語句應寫在CSS 中,要注意的是導入語句應寫在樣式表的開頭,否則無法正確匯入外部檔案;
@import 是CSS2.1 才出現的概念,所以如果瀏覽器版本較低,無法正確匯入外部樣式檔案;
當HTML 檔案載入時,link 引用的檔案會同時被加載,而@import 引用的檔案則會等頁面全部下載完畢再被載入;
推薦教學:《html影片教學》
以上是html如何呼叫外部css的詳細內容。更多資訊請關注PHP中文網其他相關文章!