記憶點

語義化：
1、每一個HTML元素都有具體的含義
2、所有元素與展示效果無關
3、語義化方便搜尋引擎優化
4、為了讓瀏覽器理解頁面

內容與樣式分離的好處：
1、外部樣式可以解決多個頁面樣式重複問題
2、有利於瀏覽器快取，從而提高頁面響應速度
3、有利於程式碼分離，從而更容易閱讀和維護

常用偽類
：hover 滑鼠懸停
：link 超連結為訪問時的狀態
：visited 訪問後的狀態
：active 啟用，滑鼠按下的狀態
：focus 獲取焦點
：nth-last-of-type（）倒數第引數個元素
：nth-of-type（） 正數第引數個元素
：nth-last-child（）倒數第引數個元素
：nth-child（）正數第引數個元素
：checked 選取被選中的元素

樣式的優先順序（層疊衝突）
1、比較重要性
！important修飾的樣式優先順序最高
作者樣式表中的普通樣式
瀏覽器預設樣式表中的樣式
2、比較特殊性（計算權重）
千位：內聯樣式 存在記1 無記0
百位：id選擇器數量
十位：類選擇器，屬性，偽類選擇器數量
個位：元素，偽元素選擇器的數量
3、比較順序
後者為最終樣式

CSS屬性值從無到有的過程
1、確定宣告值
2、層疊衝突
3、使用繼承
4、使用預設值
兩個特殊的css取值
inherit 強制繼承
initial 預設值

解決高度塌陷問題

.boxQC:affter{
	content:'';
	display:block;
	clear:both;
}

隱藏元素的3種方式
1、visbility : hidden 元素隱藏，位置保留
2、display: none 元素隱藏，位置不保留
3、opacity:0 透明度為0，元素隱藏，位置保留