前端知识复习一（css）

标签：

1.清楚浮动

　　父盒子高度为0，子盒子全部定位、浮动。子盒子不会撑开父盒子，下面的盒子会顶上来

　　清楚方法：

　　　　clear：both；

　　　　overflow：hidden；

　　　　加空标签

　　　　单/双

//双标签
.clearfix:berore , .clearfix:after {
      content:".";
      didsplay:table;
}    
.fixclear:after{
      clear:both;  
}
.fixclear{
      *zoom:1;  
}

//单标签
.fixclear:after{
    content:"0";
    display:block;
    height:0;
    ling-height:0;
    visibility：hidden;
    clear:both;
}    
.fixclear{
    *zoom:1;//兼容IE     
}

2.隐藏盒子的物种方法

　　1.display:none;　　隐藏盒子，不占位置

　　2.overflow：hidden；　　隐藏溢出部分

　　3.visibility：hidden：　　隐藏盒子，占位置

　　4.opacity：0；　　隐藏盒子，占位置（设置透明之后，里面包含的内容也透明）

　　5.position-left/top：-999em；　　隐藏盒子，不占位置

3.有高度的盒子，子盒子高度超过父盒子高度，父盒子会被撑破；

4.没有高度的盒子，子盒子会撑开父盒子

5.浮动的盒子遮挡不住标准流的文字

6.cursor：pointer；模拟鼠标小手

7.dotted　　点线　　dashed　　虚线

8.层级

　　浮动的比标准的高。定位的比浮动的高

　　z-index为负值的比标准流的盒子层级低

前端知识复习一（css）

标签：

原文地址：http://www.cnblogs.com/mr-yuan/p/5940786.html