html怎麼引用css文件
css檔案
html
引用css檔案的方法：1、使用「」語句；2、在style標籤中使用“@import url("css檔案路徑");”語句。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
CSS程式碼保存在副檔名為.css的樣式表中
HTML檔案引用副檔名為.css的樣式表（外接CSS），有兩種方式：連結式、導入式。
語法：
1、連結式
<link type="text/css" rel="styleSheet" href="CSS文件路径" />
登入後複製
2、導入式
<style type="text/css">
@import url("css文件路径");
</style>登入後複製
例如：
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>外部样式表</title>
<!--链接式:推荐使用-->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--导入式-->
<style type="text/css">
@import url("css/style.css");
</style>
</head>
<body>
<ol>
<li>1111</li>
<li>2222</li>
</ol>
</html>登入後複製
連結式與導入式的差異
1、屬於XHTML
2、優先載入CSS檔案到頁面
@import
1、屬於CSS2.1
2、先載入HTML結構在載入CSS檔案。
外接CSS的優點：
1、HTML頁面的大小更小，結構更清楚。
2、載入速度更快。
3、相同的.css檔案可以在多個頁面上使用。
外接CSS的缺點：
1、在載入外部CSS之前，頁面可能無法正確呈現。
#以上是html怎麼引用css文件的詳細內容。更多資訊請關注PHP中文網其他相關文章！
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
刺客信條陰影：貝殼謎語解決方案
2 週前
By DDD
R.E.P.O.如果您聽不到任何人，如何修復音頻
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25：如何解鎖Myrise中的所有內容
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
