一、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”也就是隐藏了,但是它所在的位置仍然还在,就像你把你个文件给隐藏了,但是这个文件在你的硬盘中