一、CSS語法結構
語法：選擇符{屬性：值} 例如：body{font-size:12px;}
引數說明：
1.選擇符（Selector）:指明這組樣式所要針對的物件。可以是一個XHTML標籤，例如h1,img;也可以是定義了特定的id或者class的標籤，如：#main表示用 id="main"修飾的標籤，.footer表示用class="footer"修飾的標籤等。
2.屬性（property）：選擇符的樣式屬性，如顏色、大寫、定位、浮動方式等。
3.值（value）:是指屬性的值。
4.同時可以為一個選擇符定義多個屬性，屬性之間用分號";"隔開。
5.儘量使用通用屬性，不使用存在相容性差別的屬性。
二、CSS長度單位
| 單位 | 說明 | |
| 相對長度單位 | em | 相對於當前物件內文字的字型尺寸 |
| px | 畫素（Pixel）推薦使用 | |
| 絕對長度單位(基本上用不到) | in | 英寸 |
| cm | 釐米 | |
| mm | 毫米 | |
| pt | 點(point) |
三、CSS顏色
| 顏色單位 | 說明 |
| 十六進位制 | 如：color：#ffffff; |
| 顏色名稱 | 如：color：Red; |
| 三原色單位 | 如:rgb(255,0,0); |
注意：顏色一般常用的是十六進位制，三原色的原理：【紅(r)、綠(g)、藍(b)】混合而成，每個值域在0-255之間。
四、CSS控制字型
| 功能 | 語法 |
| 設定字號 | font-size:12px; |
| 設定字型 | font-family:Arial,'宋體'; |
| 設定字色 | color:#fff; |
| 設定行高 | line-height:50px; |
| 設定字型粗細 | font-weight:normal(正常) bolder（粗體） |
| 設定字型樣式 | font-style:normal[正常]、italic[斜體]; |
| 修飾文字 | text-decoration:none[正常]、underline[下劃線]、overline[上劃線]、line-through[刪除線] |
| 字元間距 | letter-spacing:normal[正常]、length[長度單位] |
| 單詞間距 | word-spacing:normal[正常]、length[長度單位] |
| 文字縮排 | text-index:2em 可以為負值 |
| 水平對齊方式 | text-align:left/center/right |
| 垂直對齊方式 | vertical-align:sub[下標]、super[上標]、top[同行最高元素頂部對齊]、middle[同行元素中部對齊]、bottom[同行最低元素底端對齊] |
| 空白處理 | white-space:normal[自動換行]、pre[換行和空白受保護]、nowrap[強制在同一行顯示] |
| 大小寫控制 | text-transform:none[正常大小]、capitalize[首字母轉大寫]、uppercase[轉換成大寫]、lowercase[轉換成小寫] |
注意：
1.字型的屬性最好使用引號引起來，而且在設定字型時可以設定多個樣式而且樣式之間用逗號隔開，前者設定英文字型，後者設定漢文字型。
2.想要文字在在垂直方向上居中：將行高設定為元素高度（行高=元素高度）（前提：文字的內容不能超過元素的寬度，也就是不能換行）。