1、4栅格与响应式移动端的兴起，2007与2010当前WEB前端开发使用DIV+CSS的布局方式会比较多也比较常用吧，网页布局看起来貌似简单，但是它需要综合使用很多HTML+CSS的知识，总的来说知识量是不小如果想系统化的了解HTML+。

2、使用DIV+CSS设计的页面布局可以兼容大多数PC浏览器，但是由于浏览器的版本以及浏览器核心等问题会造成部分样式差异问题，这些问题可以通过CSShack来解决，也就是针对针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览；采用Div+CSS设计布局网站具有以下的优点第一大大缩减页面代码因为采用CSS布局，不象表格布局充满各种各样的属性和数字，而且很多css文件通常是共用的，从而提高页面浏览速度而Table表格布局中，垃圾代码会很多，一些修饰的。

3、DIV＋CSS网页布局第一种可能是你还没有理解CSS处理页面的原理在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义结构添加CSS这篇文章将告诉你应该怎样把HTML结构化另一种原因是你对；div+css 30网页布局案例精粹全面展现了使用div+css进行网页设计布局的方法，其详细的讲解步骤配合图示，使得每个步骤清晰易懂一目了然书中不仅应用大量实例对重点难点进行了深入的剖析，还结合作者多年的网页设计。

4、一选择“div标签”命令 打开dreamweaver，新建网页并保存为“diehtml”，选择插入布局对象div标签命令，打开“div标签”对话框二输入div标签名称 1在“ID”列表框中选择“top”2单击“新建css规则”；概念DIV+CSS是网站标准或称“WEB标准”中常用术语之一，div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格table定位方式，真正地达到了w3c内容与表现相分离HTML语言自HTML4。

5、在这里写上DIV是为了强调过去的网页布局主要是使用table标签进行的，而使用table布局不够灵活，所以现在的网站大多数都使用div标签对网页进行整体的布局使用CSS和div布局，你可以先把整个网页划分成几块，然后在html里每一。