引入CSS樣式的三種方法

1.行内樣式法

行内樣式就是把CSS樣式直接寫在代碼行内的标簽中。基本格式為<标簽名 style=“屬性名1:屬性值1;屬性值2:屬性值2;…;屬性名n:屬性值n”></标簽名>。

2.内嵌樣式法

内嵌樣式法是将一些CSS樣式統一用一對style标簽包圍，然後将style标簽寫在head标簽裡，但是這些CSS樣式隻能在本頁使用。

3.引入外部CSS檔案法

引入外部CSS檔案法是先将一些CSS樣式統一寫在一個.css檔案裡，然後通過link标簽将這個檔案連結到HTML文檔中。這種方法能将HTML文檔和CSS文檔完全分離，是以相對以上兩種方法，這種方法是最簡便，也是最實用的。

引入外部css檔案的具體語句如下：<link rel=“stylesheet” href=".css檔案路徑名" target="_blank" rel="external nofollow" >

下面給出一些圖檔來加以展示：

圖1 HTML檔案

圖2 CSS檔案

圖3 效果圖