首页 > 代码库 > 前端知识复习一(css)

前端知识复习一(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)