一、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”也就是隱藏了,但是它所在的位置仍然還在,就像你把你個文件給隱藏了,但是這個文件在你的硬盤中