CSS語法
CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。選擇器通常是您需要改變樣式的 HTML 元素。
selector {declaration1; declaration2; ... declarationN }
每條聲明由一個屬性和一個值組成。
屬性（property）是樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。
selector {property: value}
例如下面這行代碼的作用是將 h1 元素內的文字顏色定義為紅色，同時將字體大小設置為 14 像素。
在這個例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。
h1 {color:red; font-size:14px;}
引入CSS樣式
如何插入樣式表，當讀到一個樣式表時，瀏覽器會根據它來格式化 HTML 文檔。插入樣式表的方法有三種：外部樣式表、內部樣式表和內聯樣式。
1.外部樣式表
當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用 標籤連結到樣式表。 標籤在（文檔的）頭部：
<head><link rel="stylesheet" type="text/css" href="site.css" /></head>
2.內部樣式表
當單個文檔需要特殊的樣式時，就應該使用內部樣式表。你可以使用
<head> <style type="text/css"> p {margin-left: 20px;} body {background-image: url("images/test.gif");} </style> </head> （web前端學習交流群：328058344 禁止閒聊，非喜勿進！）
3.內聯樣式由於要將表現和內容混雜在一起，即HTML代碼和CSS代碼混編，這樣會不利於文檔結構，並且不容易維護，所以一般不要使用這種方式引入樣式。例如改變段落的顏色和左外邊距：
<p style="color: red; margin-left: 20px;"> This is a paragraph </p>