DIV + CSS 入门

一、什么是DIV+CSS？
“DIV + CSS” 是最新WEB标准的一个典型的应用。
一般来说，网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）等。 结构主要包括例如DIV在内的一系列的HTML(XHTML)标签，表现主要包括CSS（层叠样式表：Cascading Style Sheets）， 行为主要包括例如对象模型（如W3C DOM）、ECMAScript等。
在我们日常所说的“利用DIV + CSS开发”概念中，DIV指的是包括DIV在内的一系列HTML(XHTML)标签，这些标签中除了DIV外，还包括例如span,ul等数十个标签元素。CSS即样式表，是对DIV等标签结构的一种描述，例如位置、边框颜色等。
二、为什么使用DIV+CSS？
“利用这种模式开发的站点是符合WEB设计标准的”。但这种标准给我们带来了什么？仅仅是提高开发难度吗？下面的文字是对WEB标准带来的部分好处的描述：
更简易的开发与维护: 使用更具有语义和结构化的 HTML，将让您更加容易、快速的理解他人编写的代码。
与未来浏览器的兼容: 当您使用已定义的标准和规范的代码，那么您这个向后兼容的文本就消除了不能被未来的浏览器识别的后患。
更快的网页下载、读取速度: 更少的 HTML 代码带来的将是更小的文件和更快的下载速度。如今的浏览器当处于标准模式下将比它在向下兼容模式下拥有更快的网页读取速度。
更好的可访问性: 语义化的HTML（结构和表现相分离）将让使用读屏器以及不同的浏览设备的读者都能很容易的看到内容。
更高的搜索引擎排名: 内容和表现的分离使内容成为了一个文本的主体。与语义化的标记结合会提高您在搜索引擎中的排名。
更好的适应性: 一个用语义化标记的文档可以很好的适应于打印和其他的显示设备（像掌上电脑和智能电话），这一切仅仅是通过链接不同的 CSS 文件就可以完成。你同样可以仅仅通过编辑单独的一个文件就完成跨站点般的表现上的转换。
三、“table”一无是处了吗？
当然不会，表格会是它最好的归属，也是它诞生的初衷，只是在对网页元素的定位上取而代之是更擅长的“DIV+CSS”。
细心的人会问，为什么取代table的是div+css，而不是div呢？ 是的，从标签上讲，的确是div取代了table，但是按照WEB开发标准，结构和表现是分开的。除了有div这个标签外，我们还需要利用css对这个标签进行描述。
四、实例说明table定位和DIV+CSS定位
说了这么多，难以理解！以常见的左、中、右三个板块布局举例，不用理解每