我們有多種方式，在 html 中使用 css，我們使用 css 的目的，是為了控制 html 內容的如何展示；我們之前提到過，原則上，我們鼓勵網頁內容和樣式分離，那麼我們今天就學習一下，到底都有哪些方式：
在html中使用css的3種方式
行內樣式
行內樣式，把 css 樣式，直接寫到元素內部；下面的例子，我們給p元素，添加了一個style屬性，然後使用style屬性，為p元素設置了一些樣式，我們設置了字體大小為16px，還設置了字體顏色為紅色#c03；像這樣的，直接把css樣式寫入到元素內部，我們叫這樣的方式為，行內樣式；
這是一行文字
頁內樣式
這個方式稍微的複雜一點，它需要先做個標記，然後用標記名稱來建立關聯，以讓css樣式能夠對頁面中的元素起作用；比如下面的例子，我們給p元素添加了class屬性，值是abc，這在未來會學習到，這叫類名，也是選擇器的一種，因為我們要使用abc這個名字，來選擇p元素；
同時，我們在head元素內添加一個style元素，並用給p元素做的標記abc為基礎添加一個選擇器，然後在選擇器的後面，添加具體的樣式（聲明），效果和行內樣式是一樣的，只是，工作方式不同；
<title>Html5+css3 零基礎入門/<title><style>
.abc {font-size:16px;color:#c03;}
這是一行文字
外聯式
顧名思義，css樣式內容已經不在代碼中了，而是獨立的放在了外面，並存儲為比如 xyz.css 的文件，然後通過link元素來建立關聯；
<title>Html5+css3 零基礎入門/<title><link>
這是一行文字
html頁面內通過link元素，來和外部的 xyz.css 文件建立關聯，xyz.css 文件內容如下：
注意：此處不應包含style標籤，只包含選擇器和聲明。
.abc {font-size:16px;color:#c03;}
點擊《瞭解更多》鏈接，可以查看對應視頻。
閱讀更多 成功加油站 的文章
