（注1：如果有問題歡迎留言探討，一起學習！轉載請注明出處，喜歡可以點個贊哦?。?br> （注2：更多內容請查看我的目錄。）
1.簡介
說了這么久的html，大家都快以為這個系列是主講html的了。好了，初步了解了你的身體構造，是時候學些拳腳功夫了。仗著硬胳膊硬腿當然能打人，但那不過是莽夫，css就是我們的武學招式，讓我們的身體更靈活，招式更多變。
那么該如何引入css呢？主要有四種方法：
- 內聯樣式（標簽內）
- 內部樣式（style）
- 外部鏈接樣式（link）—— 推薦的外部樣式引入方法
- 導入樣式（import）—— 不推薦的外部樣式引入方法
2. 方法詳解
2.1 內聯樣式
作用：為單個元素指定樣式。
用法示例：
<div style="background-color: blue; width: 100px; height: 60px;">
</div>
特點：不會干擾其他元素的樣式，但是缺乏靈活性，不推薦。
注意：一個元素內同時使用多個style，只能識別第一個style。
2.2 內部樣式
作用：指定頁面的樣式。
用法示例：
<head>
<style type="text/css">
body {
background-color: blue;
}
</style>
</head>
特點：頁面樣式集中，不會影響其他頁面樣式。但是缺乏靈活性，出現網站整體樣式修改時會非常麻煩。
2.3 外部鏈接樣式
作用：為頁面引入外部鏈接樣式。
用法示例：
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
特點：最常用的樣式引入方法。復用性強，便于管理，推薦使用。
2.4 外部導入樣式
作用：為頁面引入外部鏈接樣式
用法示例：
<head>
<style type="text/css">
@import "style.css";
</style>
</head>
特點：不推薦使用。下面會講到原因。
3. link和@import的區別
這個章節，參考了由link和@import的區別引發的CSS渲染雜談，若要看詳細解讀，可以轉自該篇文章。由于現在的章節是入門探討，所以在此我不做深入分析。就像我開始說的，現在還是了解交通規則考駕照的時候，不要貪多去知道發動機是怎么工作的。
從屬關系區別
@import是 CSS 提供的語法規則，只有導入樣式表的作用；link是HTML提供的標簽，不僅可以加載 CSS 文件，還可以定義 RSS、rel 連接屬性等。加載順序區別
加載頁面時，link標簽引入的 CSS 被同時加載；@import引入的 CSS 將在頁面加載完畢后被加載。兼容性區別
@import是 CSS2.1 才有的語法，故只可在 IE5+ 才能識別；link標簽作為 HTML 元素，不存在兼容性問題。DOM可控性區別
可以通過 JS 操作 DOM ，插入link標簽來改變樣式；由于 DOM 方法是基于文檔的，無法使用@import的方式插入樣式。權重區別(有爭議，參考文章中有詳細解讀)
link引入的樣式權重大于@import引入的樣式。
建議：
- 在網頁中不要使用@import
- 如果非要使用，不要同時使用@import和link
參考
引入CSS
CSS的四種引入方式
CSS的四種引入方式
由link和@import的區別引發的CSS渲染雜談
don’t use @import | High Performance Web Sites
HTML_link與@import區別
