第一部分：屬性（定位、布局、彈性盒模型、尺寸、外補白、內補白、邊框、背景、顏色、字體、列表、表格、內容、用戶界面、多欄、2D變換、過渡、動畫、打印、媒體查詢、only IE、only Firefox、only webkit）

第二部分：選擇符（元素選擇符、關系選擇符、屬性選擇符、偽類選擇符、偽對象選擇符）

第三部分：語法與規則（！Important、/comment/、@import、@charset、@media、#font-face、@page、@keyframes）

第四部分：取值（顏色、文本、函數、圖像、數字、其他）

第五部分：css單位（長度、角度、時間、頻率、布局）

第六部分：附錄（顏色關鍵字、媒體類型、css條件hack、css屬性hack、css選擇符hack、cssbugs解決方案、css技巧和經驗、css其他技巧）

“偽DOM自定義事件”是自己定義的一個名詞，用來區分DOM自定義事件的。例如jQuery庫，其是基于包裝器（一個包含DOM元素的中間層）擴展事件的，既與DOM相關，又不直接是DOM，因此，稱之為“偽DOM自定義事件”。

virtual DOM 虛擬DOM，用普通js對象來描述DOM結構，因為不是真實DOM，所以稱之為虛擬DOM。

虛擬 dom 是相對于瀏覽器所渲染出來的真實 dom而言的，在react，vue等技術出現之前，我們要改變頁面展示的內容只能通過遍歷查詢 dom 樹的方式找到需要修改的 dom 然后修改樣式行為或者結構，來達到更新 ui 的目的。

首先，CSS設置超鏈接樣式是通過偽類來實現的css稱這些鏈接狀態為偽類選擇器，在css思考方式里,"真"類屬性是用class=的屬性來明確指定的,而偽類選擇器則是用(:hover ; :visited ; :link ; :active)來指定,具體意義及順序如下： a:link是鏈接平常的狀態， a:visited是已訪問的狀態，a:hover是鼠標停留在鏈接之上，a:active是被選擇的鏈接。 偽類名字對大小寫不敏感，但在定義順序上有要求。:hover必須被置于:link和:visited之后才是有效的，:active必須被置于:hover之后才是有效的。 如果沒有指定偽類，則默認為 :link。

1. 標簽名選擇器 div { color：Red;} 即頁面中的各個標簽名的css樣式 2.類選擇器 .divClass {color:Red;} 即定義的每個標簽的class 中的css樣式 3.ID選擇器 #myDiv {color:Red;} 即頁面中的標簽的id 4.后代選擇器（類選擇器的后代選擇器） .divClass span { color:Red;} 即多個選擇器以逗號的格式分隔 命名找到準確的標簽 5.群組選擇器 div,span,img {color:Red} 即具有相同樣式的標簽分組顯示