向HTML文檔中引入CSS常見有四種方法：
1. <link>標(biāo)簽：
<link rel="stylesheet" type="text/css" href="sheet1.css" media="all"/ title="" />
自封閉標(biāo)簽，寫在<head>元素中。
- rel：關(guān)系
- type：類型
- href：需要鏈接的文件路徑
- media：表現(xiàn)媒體
| media的值 | 含義 |
|---|---|
| all | 所有媒體 |
| 打印文檔時，包括打印預(yù)覽 | |
| screen | 屏幕媒體 |
| aural | 語音媒體（語音合成器、屏幕閱讀器等） |
2. @import 指令：
<style type="text/css">
@import url(styles.css);
...
</style>
放在style容器中，用于加載一個外部樣式表，必須放在其他CSS規(guī)則之前。不同于link出現(xiàn)多條會覆蓋，而是當(dāng)有多條@import指令時會全部加載，合并使用。
3. 內(nèi)部CSS樣式
<style type="text/css">
body {
background: white;
color: gray;
}
</style>
style容器常放在head里，style容器中的代碼直接使用CSS語法。
4. 內(nèi)聯(lián)CSS樣式
<h1 style="color:blue;margin-left:30px;">This is a heading</h1>
將樣式規(guī)則直接寫在標(biāo)簽的style屬性里。這種寫法的CSS擁有最高優(yōu)先級，但這種寫法一方面會使得頁面代碼混亂，不便于閱讀與后期維護，另一方面會損失掉CSS可以對多個元素統(tǒng)一管理樣式的優(yōu)勢，所以不建議使用。
