html引用css檔案的方法

HTML中引用CSS的方法主要有：

1、行內樣式

2、內嵌式

3、連結式

4、導入樣式

行內樣式

#指寫在標籤裡的Style元素的值

<p style="color: #FF0000;">行内样式</p>

推薦教學：html教學

內嵌式

#寫在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
行內樣式
內嵌式
導入式

更多程式相關內容，請追蹤php中文網程式設計入門欄位！

以上是html引用css檔案的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！