css面试知识点总结

1.css选择器的优先级别

id选择器     #myid

类选择器   .classname

标签名       div,p,ul,li

相邻选择器    div+p

子选择器       ul>li

后代选择器     ul li

通配符选择器    *

属性选择器    a[input='placehouder']

伪类选择器  a:hover

2.display:none  和  visibility:hidden 的区别

display  隐藏元素后不占空间

visiblity  隐藏元素后仍占空间

3.清除浮动方法总结

   01 浮动元素后边加<div class='clear'></div>    同时在css样式表中加.clear{clear:both;}

   02 给浮动元素的父容器添加  overflow:hidden  或者 overflow:auto

   03 利用伪类清除。  给浮动元素的父容器添加一个clearfix类名

.clearfix:after{

content:'.';      //这里利用到了content属性、、

display:block;

height:0;

visibility:none;

clear:both;

}

.clearfix{

zoom:1;

}