HTML裡面鏈結CSS

1.原因：

html表達能力有限，需要結合css使用，才能使網頁更加完善。

2四種樣式：

（1）行內樣式

行內樣式就是把 css 樣式直接放在**行內的標籤中，一般都是放入標籤的style屬性中，由於行內樣式直接插入標籤中，所以是最直接也是最不方便修改的樣式。

**：實現效果：

（2）內嵌樣式

內嵌樣式通過將 css 寫在網頁原始檔的頭部，即在之間，通過使用 html 標籤中的標籤將其包圍，其特點是該樣式只能在此頁使用，解決行內樣式多次書寫的弊端。

style 標籤的 title 屬性：

style 中有乙個比較特殊的屬性 title，使用 title 可以為不同的樣式設定乙個標題，瀏覽者就可以根據標題選擇不同的樣式達到瀏覽器中切換的效果，但 ie 瀏覽器不支援，firefox 瀏覽器支援此效果。

（3）鏈結式

鏈結式通過 html 的標籤，將外部樣式表檔案鏈結到 html 文件中，這也是應用最多的方式，同時也是最實用的方式。這種方法將 html 文件和 css 檔案完全分離，實現結構層和表示層的徹底分離，增強網頁結構的擴充套件性和 css 樣式的可維護性。

css 檔案可以放在不同的 html 檔案中，使**所有頁面樣式統一； css **都放在乙個 css 檔案中便於管理、減少**以及維護時間；當修改 css 檔案時，所有應用此 css 檔案的 html 檔案都將更新，而不必從伺服器上將所有的頁面取回再修改完畢後上傳。

（4）匯入樣式

匯入樣式使用 @import 命令匯入外部樣式表。匯入樣式有 6 種書寫方式：

@import daoru.css;

@import 'daomxss';

@import "daoru.css";

@import url(daoru.css);

@import url('daoru.css');

@import url("daoru.css");