溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享的是html是怎樣引用css文件的，相信很多人都不太了解，為了讓大家更加了解html引用css文件的方法，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。
HTML中引用CSS的方法主要有：
1、行內樣式
2、內嵌式
3、鏈接式
4、導入樣式
行內樣式
指寫在標簽里的Style元素的值
<p style="color: #FF0000;">行內樣式</p>
內嵌式
寫在HTML頁面的head標簽里。
<style type="text/css">
XXXXXXXX
</style>鏈接式
也是在head標簽內部進行，但是需要在外部專門寫CSS文件。
<link rel="stylesheet" href="css/Demo.css" />
導入樣式
同樣在head標簽內。
<style type="text/css">
@import url("css/Demo.css");
</style>導入和鏈接的區別為：導入時一次加載，而鏈接是在需要其樣式的時候再去加載，所以鏈接式的性能更高一點。 尤其是在第一次加載 時。
優先級：
行內樣式
鏈接式
內嵌式
導入式（鏈接在導入后）
OR
行內樣式
內嵌式
導入式
關于html是怎樣引用css文件的就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
