有很多方法將樣式表加入到HTML中，每種方法都有自己的優點和缺點。新的HTML元素和屬性已被加入，以允許樣式表與HTML文件更簡易地組合起來。將樣式表加入到HTML中的常用方法有內聯樣式表、嵌入一張樣式表或連結到一張外部的樣式表。
1 內嵌樣式表
樣式可以使用style屬性內聯，該屬性可以應用於任意body元素（包括body本身），除了basefont、param和script標記。這個屬性將任意數量的CSS聲明當作自己的值，而每個宣告用分號隔開，如下所示：
<p> 此段落的樣式是紅色的“微軟雅黑”字型</p>
內聯的樣式比其他方法更加靈活，但需要和展示的內容混合在一起，這樣會失去樣式表的一些優點。例如在本例中，如果有多個段落<p>標記都需要輸出相同的樣式，則在每個<p>標記中都需要使用style屬性宣告相同的樣式，不僅需要的程式碼量比較多，而且不利於更新。
2 嵌入一張樣式表
一張樣式表可以使用<style>元素嵌入到HTML文件中使用，<style>元素需要放在HTML文件的head部分，如下所示：
其中，<style>和</style>之間是樣式的內容（不要在這個標記中寫HTML語句），type屬性表示使用的是文字中層疊樣式表書寫的程式碼。“｛｝”前面是樣式的選擇器，“｛｝”中是宣告的樣式屬性。嵌入樣式表對整個HTML文件都有效，可在一個HTML文件具有獨一無二的樣式時使用。
3 連結到一張外部的樣式表
如果多個文件都使用同一樣式表，那麼外部樣式表會更適用。一張外部的樣式表可以通過HTML的link元素連結到HTML文件中。<link />標籤放置在文件的head部分，可以通過多個<link />標籤連結多個樣式檔案到同一個HTML文件中，如下所示：
可選的type屬性用於指定媒體型別，允許瀏覽器忽略它們不支援的樣式表型別。rel屬性用於定義連結的檔案和HTML文件之間的關係，該屬性的值StyleSheet指定一個固定或首選的樣式。而href屬性則用來指定樣式檔案的位置，可以是相對的也可以是絕對的URL。外部樣式表文件要以副檔名.css命名，並且在樣式表文件中不能含有任何像<head>或<style>這樣的HTML標記，樣式表僅僅由樣式規則或宣告組成，如下所示：
p { margin: 2em } /* style.css檔案中的樣式程式碼 */
在樣式檔案style.css中，一個單獨由本例一條樣式語法規則組成的檔案，就可以用作外部樣式表了。當樣式被應用到很多的網頁時，一張外部樣式表是理想的。開發者使用外部樣式表可以改變整個網站的外觀，而僅僅通過改變一個檔案。同樣，大多數瀏覽器會在緩衝區儲存外部樣式表，這樣如果樣式表在緩衝區，就避免了在展示網頁時的延遲。
注意、如果同時使用內聯樣式表和嵌入樣式表，並設定了相同屬性，則內聯樣式表的優先順序高；而同時使用嵌入樣式表和外部樣式表並設定相同屬性時，則優先順序由出現的先後順序決定。
>