CSS（層疊樣式表）簡單來說可以為HTML標記語言添加一些樣式、布局等。當瀏覽器顯示文檔時，它必須將文檔的內容與其樣式信息結合。它分兩個階段處理文檔：

1.瀏覽器將 HTML 和 CSS 轉化成 DOM （文檔對象模型）。DOM在計算機內存中表示文檔。它把文檔內容和其樣式結合在一起。

2.瀏覽器顯示 DOM 的內容。

對于CSS的學習，推薦分成三塊學習：“基礎概念”，“CSS2.1規范”，“CSS3規范”。精通CSS（第2版）是必須學習的，看完這本書你應該對：盒子模型，流動，block，inline，層疊，樣式優先級等概念有基本的了解。CSS參考文檔有菜鳥學院（基礎、簡單）：CSS 教程 | 菜鳥教程，Mozila官方文檔（全E文、逼格高，詳細）：MDN CSS Doc

在學習完基礎知識后，可以嘗試完成Htm/Css基礎編碼的項目，增強知識的掌握程度。

1.首先，新建一個HTML文檔，這里以Div css布局為例。

2.點擊插入菜單下的“Div（D）”，彈出對話框。

3.點擊“新建css規則”，定義一個選擇器，“確定”完成。

4.設置大小及背景顏色，“確定”完成。

CSS3是CSS2的升級版本，3只是版本號，它在CSS2.1 的基礎上增加了很多強大的新功能，目前主瀏覽器 Chorme、Safari、Firefox、Opera、甚至360都已經支持了CSS3大部分功能了，IE10以后也開始全面支持CSS3了。在編寫CSS3樣式時，不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規則尚未成為W3C標準的一部分。是瀏覽器的私有屬性雖然目前較新版本的瀏覽器都是不需要前綴的，但為了更好的向前兼容，前綴還是少不了的。

Chrome 和 Safari：-webkit

Firefox：-moz

IE：-ms

Opera：-o

CSS3 把很多以前需要使用的圖片和腳本來實現的效果，甚至動畫效果，現在只需要短短幾行代碼就能搞定。比如：圓角、圖片邊框、文字陰影和盒陰景、漸變、個性化字體、多圖片背景、變形處理（旋轉、縮放、傾斜、移動）、過渡、動畫、多欄布局、媒體查詢等。還有選擇器，簡化了前端開發工作人中山小欖的設計過程，加快頁面載入速度。

h3是標簽選擇器。

標簽選擇器是指用HTML標簽名稱作為選擇器，按標簽名稱分類，為頁面中某一類標簽指定統一的CSS樣式。其基本語法格式如下：

標簽名 {屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; ......}

標簽選擇器最大的優點是能快速為頁面中同類型的標簽統一樣式，同時這也是他的缺點，不能設計差異化樣式。