1.网页中常见的布局类型
上中下结构
两栏布局
三栏布局
2.标准文档流概念
指元素根据块元素或行内元素的特性按从上到下,从左到右的方式自然排列。
3.display属性
概念:控制元素的显示方法
属性值:
block (块级显示,有宽高属性,并换行)
inline (行级显示,宽高属性失效,不换行)
inline-block(行级块显示,有宽高属性,不换行是block和inline的结合)
none(不显示元素,隐藏)
4.float属性
概念:定义网页元素在哪个方向浮动
属性值:
left(左浮动)
right(右浮动)
none(不浮动)
5.clear属性
概念:规定元素的哪一侧不允许其他浮动元素
属性值:
left(清除元素的左侧浮动)
right(清除元素的右侧浮动)
both(清除元素的左右两侧浮动)
none(不清除)
6.清除浮动的4种方法
1.浮动元素后面加空 div
2.设置父元素的高度
3.父级添加overflow属性
4.父级添加伪类after