DIV+CSS布局的优点

　　一、DIV+css简介

　　DIV+CSS是一种新的布局网页的方法，是DIV和CSS的一个组合。div+css是网页设计标准。DIV是一个元素，俗称“块布局”，是用来为html文档内大块(block-level)的内容提供结构和背景的元素。若单独使用DIV，没有添加任何CSS属性，则浏览时看不到任何效果。CSS是层叠样式表的简称，是一种用来表现HTML或XHTML等文件样式的计算机语言，是W3C推出的格式化网页内容的标准技术。DIV元素与CSS属性结合起来，与传统中通过表格（table）布局定位的方式不同，它可以实现web页面内容与表现相分离。。

　　二、DIV+CSS布局

　　为了使网页能够多样化地展示，设计网页的时候，我们要在页面上设置许多格式不一的区域，然后在这些区域中放入不同的内容，这样便形成了一个页面的布局。随着计算机技术的发展，现在的网页数以亿计，而在众多的网页技术中，DIV+CSS布局网页仍是主流。DIV+CSS布局不仅可以实现各种网页展示的效果，还能设计整个网站的不同风格。虽然不同的浏览器兼容性也会不同，但可以通过对CSS的某些属性进行相应的设置来解决。

　　三、DIV+CSS有什么优点？

　　表格布局网页的方式已渐渐被取代，相比之下，DIV+CSS增加了传统的布局网页方式没有的优点，例如：

　　a）不再像之前的代码那样臃肿，DIV+CSS的代码精简，提高了网页的加载速度，缩短页面跳转的时间，可访问性高，符合用户体验，有利于搜索引擎优化。

　　b）样式表统一管理，对于网站的整体维护更加方便。div+css布局使样式的调整更加方便，现在YAHOO，MSN等国际门户网站，网易、新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。

　　c）通过CSS样式表的设定，实现全站风格的设计。

　　d）内容与样式、结构分离，调整网页框架及样式更加方便，使网站版面布局修改变得更加简单。在团队开发中更容易合作而减少相互关联性。

　　e）结构清晰，让网页体积变得更小；使用DIV+CSS框架模式。最重要的一点是，div+css更符合W3C标准。

　　f）支持浏览器的向后兼容，几乎所有的浏览器上都可以使用。所以无论将来你安装了哪个浏览器，你的网站都能够很好地兼容。

　　综上所述，DIV+CSS的布局方式使网页的设计、网站的搭建带来了很多简便，不仅更符合W3C的标准，有利于搜索引擎的搜索，还给网页的内容增加更丰富样式，使网页更好地展示出来，提供给用户更好的体验。CSS+DIV尽管不是高不可及，但至少要比表格定位复杂的多，即使对于网站设计高手也很容易出现问题。所以学习div+css一定要注意，避免进入一些使用误区。