为了提高页面制作的效率,布局时通常有以下的整体思路:
- 必须要确定页面的版心(可视区),通过测量可得知
- 分析页面中的行模块,以及每个行模块中的列模块,页面布局第一准则
- 一行中的列模块经常浮动布局,先确定每个列的大小,之后确定列的位置,页面布局第二准则
- 制作HTML结构,遵循先有结构,后由央视的原则, 结构最重要
- 先理清楚布局结构,再写代码,需要多写多积累有助于分析
网页布局总结
1.标准流
可以让盒子上下排列或者左右排列,垂直的块级盒子显示就用标准流布局
2.浮动
可以让多个块级元素一行显示或者左右对齐盒子,多个块级盒子水平显示就用浮动布局
3.定位
定位最大的他点是有层叠的概念,可以让多个盒子前后叠压来显示,如果元素自由在某个盒子内移动就用定位布局