李碧燕，杨萃洁

广西生态工程职业技术学院信息工程系，广西柳州 12344

随着网络技术的发展，对网页设计的要求不断提高，虽然使用表格进行页面布局仍是现在最常见的网页制作方法，但是DIV+CSS布局的出现已经日渐成为网页布局的主流。相对而言使用表格布局代码臃肿，带宽成本高，而且维护工作量大；DIV+CSS布局方式代码简练，维护方便而且已经做到内容、表现、结构分离。随着Web2.0标准化设计理念的普及，国内大多知名网站均已采用DIV+CSS进行网页的排版布局，从实际应用情况来看，其优势十分明显，已获得业内的广泛认可和应用。

1 关于DIV+CSS网页布局

1.1 什么是DIV

DIV是用来为HTML文档内大块的内容提供结构和背景的元素，简单的说，DIV就像是一个容器，是XHTML中专门用于布局设计的容器。DIV的起始标签和结束标签之间的所有内容就像是放在容器里的东西，但其中所包含元素的特性由DIV标签的属性来控制，而HTML页面就是由一个个这样的容器构成了一个完整的页面。

1.2 什么是CSS

CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或XML等文件样式的计算机语言。CSS能够对网页中的对象的位置排版进行精确的控制，因为它支持几乎所有的字体字号样式，拥有对网页对象盒模型的控制能力，并能够进行初步交互设计。

1.3 什么是DIV+CSS

DIV+CSS 是一种现在比较流行的网页布局方法，这一种网页布局方法与传统的表格布局方式有较大的区别，可实现网页页面内容与表现相分离，对后期的维护和管理具有很大的优势，在XHTML网站设计标准中，不再使用表格布局技术，而是采用DIV+CSS的方式实现各种定位。……