1. 內聯式CSS（行內式），直接把CSS代碼寫入到HTML標簽中。例如：
```
<p style="color:red";font-size:12px>這里是12px紅色的p標簽。</p>
```
優點是十分的便捷、高效；但是同時也造成了不能夠重用樣式的缺點，如果代碼行數到達一定長度不建議采用。
2. 嵌入式CSS樣式，（內頁式）就是把css樣式代碼寫在<style type="text/css">XXX</style>標簽之間。例如：
```
<head>
<style type="text/css">
span{
color:red;
}
</style>
</head>
```
在style標簽里邊定義樣式，作用范圍和字面意思相同，僅限於本頁面的元素；如果你寫的代碼超過了幾百行，想想每次把代碼頁拉到最上邊都很煩，所以它在可維護性方面較差。
3. 外聯CSS樣式。外聯式css樣式就是把css代碼寫一個單獨的外部文件中，這個css樣式文件以“.css”為擴展名，在`<head>`內（不是在`<style>`標簽內）使用`<link>`標簽將css樣式文件鏈接到HTML文件內。例如：
```
<link href="base.css" rel="stylesheet" type="text/css" />
```
外聯CSS是一個單獨的文件，可以作用於多個頁面，在修改的時候可以針對性地修改某一塊區域，達到多個頁面樣式同時變更，相較於內聯CSS和頁級CSS，可維護性好,省去了到每個頁面修改的步驟，提高了開發效率，同時一定程度提高了性能。
----------
這三種樣式是有優先級的。內聯式、嵌入式、外聯式樣式表中css樣式是在的相同權值的情況下，優先級：內聯式 > 嵌入式 > 外聯式，但是嵌入式>外聯式有一個前提：嵌入式css樣式的位置一定在外聯式的后面。總之就是--就近原則（離被設置元素越近優先級別越高）。