css学习一

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