首页 > 代码库 > 前端知识复习一(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)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。