CSS+DIV进行的页面布局

第一部分、布局概述

DIV+CSS布局：网页html通过DIV标签+CSS样式表代码开发制作的（html）网页的统称。

1.网页布局

目的：为了使页面结构清晰，易读，更有条理性。
步骤：

1. 确定版心：网页的主体内容,在页面中水平居中显示
2. 分析页面中的模块：头部(header)、导航(nav)、焦点图(banner)、内容(content)、页面底部(footer)。
3. 控制页面中各个模块：通过盒子模型，使用DIV+CSS进行模块的控制。

2.页面元素定位机制

• 普通流方式：由元素在html文件中的位置决定(由标签在文件中的位置来决定)。
• 浮动方式：元素在页面中可以左右移动,直到碰到包含框或其他浮动框
• 绝对定位：直接将元素定位到页面的任何位置(设置元素在页面中的位置坐标)

第二部分、布局常用属性

1.浮动属性（float）

• 浮动：元素脱离原有的标准文档流,移动到其父元素中指定的位置
• 浮动的实现：在元素的CSS中添加float属性

    选择器{
	    float：属性值;
    }
<