DIV+CSS布局

DIV与SPAN

区隔标记(DIV)与SPAN都同于排版与布局。
区别在于：DIV是一个块级元素，可以包含段落、标题、表格乃至章节、摘要和备注内容等；而SPAN只是行内元素，其前后不会换行，没有结构的意义。

DIV+CSS排版

DIV+CSS排版布局的一般步骤：

1.从整体上进行DIV标记的分块，描述出网页的抽象图。
2.对各块DIV进行定位布局。
3.在网页中添加相应的DIV内容。

DIV+CSS布局的美化

采用嵌套DIV的方法，将不同几列放进一个DIV中，可达到几列底部对其的目的，从而可以设置页脚。

DIV+CSS与传统表格布局额对比

利用传统的表格布局可以很轻松的将整个页面划分成需要的模块，但是表格布局方式在网页设计的最初就要确定页面的布局形式，一旦确定下来就无法再更改了，因此具有极大的缺陷。而CSS+ DIV布局则完全不同，网页设计者首先考虑的不是如何确定页面的最终布局形式，以及如何将网页内容分布到网页中去，而是首先去分析网页的内容之间的相互逻辑关系，找出内容的层次，然后使用DIV或其他标记组织网页的内容，最后在考虑网页的形式如何与内容相适应。

CSS布局与传统表格布局最大区别在于：

传统表格布局定位采用表格，通过表格的间距或者用无色透明的GIF图片来控制各布局版块的间距；而CSS布局采用层(DIV)来定位，通过层的margin,padding,border等属性来控制版块的间距，从而使得CSS+DIV布局具有页面加载速快、布局灵活、便于动态程序前嵌入的优点。