DIV+CSS布局网页仍是主流，你知道吗？

　　DIV+CSS布局网页仍是主流，你知道吗？

　　一、DIV+css 介绍

　　DIV+CSS 是一种新的网页布局方式，它是 DIV 和 CSS 的结合。 div+css 是一个网页设计标准。 DIV是一种元素，俗称“块布局”，是一种用于为html文档中的块级内容提供结构和背景的元素。如果单独使用 DIV 而不添加任何 CSS 属性，浏览时将看不到任何效果。 CSS是Cascading Style Sheet的缩写，是一种用于表达HTML或XHTML等文件样式的计算机语言，是W3C推出的一种格式化网页内容的标准技术。 DIV 元素和 CSS 属性的组合不同于传统的通过表格布局定位的方式。可以实现网页内容和性能的分离。 .

　　二、DIV+CSS 布局

　　为了使网页的展示多样化，在设计网页时，我们要在页面上设置许多不同格式的区域，然后在这些区域中放置不同的内容，从而形成页面布局。随着计算机技术的发展，有数以亿计的网页。在众多的Web技术中，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，避免进入一些误区。