网页布局思路

一、布局思路

1，确定页面的版心(可视区)

2、分析页面中的行模块，以及每个行模块中的列模块。（页面布局第一准则）

3、一行中的列模块经常用浮动布局，先确定每个列的大小，之后确定列的位置（页面布局第二准则）

4、制作 HTML结构。遵循先有结构，后有样式的原则。（结构永远最重要）

所以，先理清楚布局结构，再写代码尤为重要

二、布局总结

通过盒子模型，清楚知道大部分html标签是一个盒子。

通过CSS浮动、定位可以让每个盒子排列成为网页。

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

1.标准流

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

2.浮动

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

3.定位

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