HTML中引用CSS的幾種方法

HTML中引用CSS的方法主要有

• 行內樣式
• 內嵌式
• 連接式
• 導入樣式

行內樣式

指寫在標籤裏的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
行內樣式
內嵌式
導入式