11. 页面布局整体思路

1. 为了提高网页制作的效率，布局时通常有以下的整体思路︰

2. 必须确定页面的版心(可视区)，我们测量可得知。

3. 分析页面中的行模块，以及每个行模块中的列模块。其实页面布局第一准则.

4. 一行中的列模块经常浮动布局,先确定每个列的大小,之后确定列的位置.页面布局第二准则

5. 制作 HTML结构。我们还是遵循，先有结构，后有样式的原则。结构永远最重要

6. 所以先理清楚布局结构,再写代码尤为重要.这需要我们多写多积累

网页布局总结

通过盒子模型，清楚知道大部分html标签是一个盒子。 通过CSS浮动、定位可以让每个盒子排列成为网页。

一个完整的网页，是标准流、浮动、定位一起完成布局的，每个都有自己的专门用法。

1. 标准流 可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局。

2. 浮动 可以让多个块级元素一行显示或者左右对齐盒子，多个块级盒子水平显示就用浮动布局。

3. 定位 定位最大的特点是有层叠的概念，就是可以让多个盒子前后叠压来显示。如果元素自由在某个盒子内移动就用定位布局。