三種寫法：
1、外部樣式表
當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以透過更改一個檔案來改變整個站點的外觀。
外部式css樣式(也可稱爲外聯式)就是把css代碼寫一個單獨的外部檔案中，這個css樣式檔案以“”爲副檔名，在<head>內（不是在<style>標籤內）使用<link>標籤將css樣式檔案連結到HTML檔案內，如下面代碼：
<head>
<link rel="stylesheet" type="text/css" href=&#">
</head>
2、內部樣式表
當單個檔案需要特別樣式時，就可以使用內部樣式表。你可以在 head 部分透過 <style> 標籤定義內部樣式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
3、內聯樣式
當特殊的樣式需要應用到個別元素時，就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標籤中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距
