一、CSS選擇器的權重
4個等級的定義如下：
1. 第一等：代表內聯樣式，如: style=””，權值爲1000。
2. 第二等：代表ID選擇器，如：#content，權值爲100。
3. 第三等：代表類，僞類和屬性選擇器，如.content，權值爲10。
4. 第四等：代表類型選擇器和僞元素選擇器，如div p，權值爲1。
注意：
1. 如果兩個選擇器作用在同一元素上，則權重高者生效。
怎麼確定權重
權重記憶口訣。從0開始，一個行內樣式+1000，一個id+100，一個屬性選擇器/class或者僞類+10，一個元素名，或者僞元素+1.比如
body #content .data img:hover最終的權重值是122；#content是一個id選擇器加了100，.data是一個class類選擇器加了10，：hover僞類選擇器加了10， body和img是元素加了1 。
二、網頁穩定性
1. width和height 最穩定；
2. 其次 padding；
3. 最後 margin；
三、清除浮動
清除浮動目的：爲了解決夫盒子高度爲0的問題；
清除浮動方法：
1. 額外標籤法；
2. overflow：hidden 出發bfc機制；
3. 僞元素法：
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1; /*IE/7/6*/
}
三、鼠標樣式
四、關於CSS屬性中visibility隱藏和display消失的區別簡析
當html元素被設置爲display:none;後，瀏覽器不會解析該元素，“none”就是沒有，消失了，所以他不會再文檔流中佔位。而visibility:hidden;僅僅是視覺上消失了，“hidden”也就是隱藏了，但是它所在的位置仍然還在，就像你把你個文件給隱藏了，但是這個文件在你的硬盤中
