div+css是什么

div是框架，css是样式，用来装饰框架；详细点来说，div就是给整个网页布局，css就是负责控制div的样式，想让div在哪里怎么显示，都可以通过css来实现。而div+css是一种网页布局方法，是指通过css控制div的布局。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

div 是框架，css 是样式，用来装饰框架。JS 让它们动起来。再说详细点，div就是给整个网页布局，css 就是负责控制div的样式，想让 div 在哪里怎么显示，都可以通过 css 来实现，简单的说网页布局就像盖房子，div 负责把这栋房子盖起来，而 css 负责告诉他怎么盖！

而DIV+CSS是WEB设计标准，它是一种网页的布局方法，是指通过 css 控制 div 的布局。其实这儿 div 可以理解为统称，实际应用的不仅是div，还有p，span，img，table 等任意节点的定位都可以通过 css 来控制。

为什么用div+css取代〈table〉

很久很久以前，web 工程师通过 table 进行页面布局（现在Google 的 picasa 等应用还能找到table布局应用的例子），现在页面布局大都推荐 div+css 方式。

在WEB前端开发中,HTML,CSS,JS 这三家三驾马车分别代表着结构，展示，和交互。在 web1.0的时代，页面的逻辑并不是特别复杂，对用户体验的要求也不是很高，table被大量开发者用来做布局元素，横跨结构和展示两个部分，是很“重”的。

但是在如今 web 前端逻辑越来越复杂，用户体验要求越来越高的情况下，对这三者的解耦是必须的。此时再用 table 拿来做布局就不太合适了，因为 table 标签的语言根本不是用来做布局的，而是用来传递数据的。而 div+css 是符合解耦这一思想的，div 用来控制布局，css 用来控制样式。好处从小了说是整个页面的代码组织结构更合理，耦合度更低，从大了说是更利于前端开发的深度分工和复杂合作。

简要对比一下：

1、div+css 相对于 table 更为灵活，用 table 布局，代码臃肿。

2、语义性问题。从语义上来说，table 应该只是表格数据的容器，不应该是布局的工具。

3、样式渲染问题。table 布局要等内容全部加载完毕后才渲染样式，如果用户网速不好，这样用户体验会很差。