首頁 > web前端 > 前端問答 > css外部連結形式有哪幾種

css外部連結形式有哪幾種

青灯夜游
發布: 2022-07-27 20:27:31
原創
5930 人瀏覽過

css外部連結形式有兩種:1、透過link標記將css外部樣式連結到HTML頁面中,link標記需要放在head標記區,語法「」;2、在style標籤中透過「@import」規則鏈接,語法「@import url("css檔案路徑");」。

css外部連結形式有哪幾種

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

如果 CSS 樣式被放置在網頁文件外部的文件中,則稱為外部樣式表,一個 CSS 樣式表文件就表示一個外部樣式表。

實際上,外部樣式表也就是一個文字文件,擴展名為.css。當把CSS樣式程式碼複製到一個文字檔後,另存為.css文件,則它就是一個外部樣式表。

如下圖所示就是一個外部樣式表:

css外部連結形式有哪幾種

#那如何將css外部樣式表連結到HTML文件中? 外部樣式表的有兩種方式:

1)、使用link

#連結樣式是指在外部定義CSS樣式表並形成以.CSS為副檔名文件,然後在頁面中透過<link>連結標記連結到頁面中,而且該連結語句必須放在頁面的

標記區。

語法:

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

2)、使用@import

導入式是透過@import