HTML中，我們通常使用link元素引入外部樣式表，link有以下幾個屬性：
1、rel，代表“關(guān)系”（relation），在這里，關(guān)系（即rel值）為“stylesheet”；
2、type，總是設(shè)置為“text/css”，描述了使用link加載的數(shù)據(jù)類型；
3、href，值為樣式表的URL，可以是相對的也可以是絕對的；
4、media，默認(rèn)值是“all”，說明樣式表要運用于表現(xiàn)的媒體，還有其他取值：aural（用于語音合成器、屏幕閱讀器和文檔的其他聲音表現(xiàn)）、braille（用Braille設(shè)備表現(xiàn)文檔時使用）、embossed（用Braille設(shè)備打印時使用）、handheld（用于手持設(shè)備）、print（為視力正常的用戶打印文檔時使用，還會在顯示文檔的“打印預(yù)覽”時使用）、projection（用于投影儀）、screen（在屏幕媒體，如計算機顯示器中使用）、tty（在固定間距環(huán)境，如電傳打印機中顯示文檔時使用）、tv（在電視上顯示文檔時使用）。不過，各個瀏覽器對它們的支持情況可能不同。
5、title，不常用，但是當(dāng)rel值為“alternate stylesheet”時，使用title屬性可以生成一個候選樣式表列表供用戶選擇。
當(dāng)rel值為“alternate stylesheet”時，還可以提供候選樣式表，只有在用戶選擇這個樣式表時才用于文檔表現(xiàn)。代碼示例如下：

復(fù)制代碼代碼如下:
<link rel=”stylesheet” type=”text/css” href=”style1.css” media=”screen,print” /><!– media屬性可以有多個值，用逗號隔開 –>
2 <link rel=”alternate stylesheet” type=”text/css” href=”style2.css” media=”screen,print” title=”big” /><!– alternate指定候選樣式表 –>
3 <link rel=”alternate stylesheet” type=”text/css” href=”style3.css” media=”screen,print” title=”small” />

除此之外，我們還可以使用內(nèi)部樣式表為頁面添加樣式：

復(fù)制代碼代碼如下:
<style type=”text/css”>
2 <!– /* 把聲明的樣式包含在一個html注釋中，這樣可以解決較老的瀏覽器不識別style的問題 */
3 body {background:grey;}
4 –>
5 </style>

經(jīng)常看到很多朋友在<style>后面加入HTML注釋，然后再在里面寫樣式，終于知道原因如上。
還有一種方法，就是使用@import方法導(dǎo)入樣式表，只是要注意以下，擺放的位置，因為@import是css定義的引用樣式的方法，所以它應(yīng)該放在<style>元素里面，而且，它前面不能夠有任何其他規(guī)則（當(dāng)然，不包括其它的@import，因為一個<style>里可以放不止一個@import），否則，后面導(dǎo)入的樣式講失效，代碼示例：

復(fù)制代碼