首頁 > web前端 > 前端問答 > html怎麼用link引入css

html怎麼用link引入css

藏色散人
發布: 2023-01-04 09:38:30
原創
16055 人瀏覽過

html用link引入css的方法:先建立一個HTML範例為檔案;然後透過語法「<link href="img/divcss5.css" rel="stylesheet" type="text/css" />」引入指定的css檔案即可。

html怎麼用link引入css

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

推薦:《css影片教學

有 4 種方式可以在 HTML 中引入 CSS。其中有 2 種方式是在 HTML 檔案中直接加入 CSS 程式碼,另外兩種是引入 外部 CSS 檔案。下面我們就來介紹一些在html中使用link標籤引入css樣式的方法。

link標籤通常放置在一個網頁的頭部標籤head標籤內的用於連結外部css檔案、連結收藏夾圖示(favicon.ico), 標籤最常見的用途是連結外部樣式表,外部資源。

link引入css實例:

<link href="img/divcss5.css" rel="stylesheet" type="text/css" />
登入後複製

連結外部css樣式時候link標籤的內容結構解釋

href 值為外部資源位址,這裡是css的位址

rel 定義目前文件與被連結文件之間的關係,這裡是外部css樣式表即stylesheet

#type 規定被連結文件的MIME 類別,這裡是值為text/css

#

以上是html怎麼用link引入css的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板