」語句呼叫;2、在style標籤中使用「@import url(CSS檔案路徑位址)”語句調用。"/> 」語句呼叫;2、在style標籤中使用「@import url(CSS檔案路徑位址)”語句調用。">

首頁 >web前端 >html教學 >html如何呼叫外部css

html如何呼叫外部css

青灯夜游
青灯夜游原創
2021-07-05 14:40:2013397瀏覽

呼叫方法:1、使用“5656fc924cbbc5d25297dabf0a9ab171”語句調用;2、在style標籤中使用“ @import url(CSS檔案路徑位址)”語句呼叫。

html如何呼叫外部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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn