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

html如何呼叫外部css

青灯夜游
發布: 2023-01-07 11:41:55
原創
13400 人瀏覽過

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

html如何呼叫外部css

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

html呼叫外部css有兩種方法

  • #連結式--使用標籤

  • #導入式--使用@import規則標籤

1、連結式

在網頁的< /head>標籤對中使用標記來引入外部樣式表文件,使用html規則引入外部css。

語法:

<link rel="stylesheet" href="css文件路径" type="text/css" />
登入後複製

標籤定義文件與外部資源的關係, 標籤最常見的用途是連結樣式表。

2、匯入式

CSS @import規則,用於從其他樣式表匯入樣式規則。這些規則必須先於所有其他類型的規則,@import不能在條件組的規則中使用。

將一個獨立的.css檔案引入HTML檔案中,使用css @import規則引入外部css文件,寫在標記的