div+css

div+css

所谓的div+css是指通过css控制div的布局。其实这儿div可以理解为统称，实际应用的不仅是div，还有p，span，img，table等任意节点的定位都可以通过css来控制。

在WEB前端开发中,HTML,CSS,JS这三家三驾马车分别代表着结构，展示，和交互。

在web1.0的时代，页面的逻辑并不是特别复杂，对用户体验的要求也不是很高，table被大量开发者用来做布局元素，横跨结构和展示两个部分，是很“重”的。 但是在如今web前端逻辑越来越复杂，用户体验要求越来越高的情况下，对这三者的解耦是必须的。此时再用table拿来做布局就不太合适了，因为table标签的语言根本不是用来做布局的，而是用来传递数据的。而div+css是符合解耦这一思想的，div用来控制布局，css用来控制样式。好处从小了说是整个页面的代码组织结构更合理，耦合度更低，从大了说是更利于前端开发的深度分工和复杂合作。（耦合度(Coupling)是对模块间关联程度的度量。耦合的强弱取决与模块间接口的复杂性、调用模块的方式以及通过界面传送数据的多少。模块间的耦合度是指模块之间的依赖关系，包括控制关系、调用关系、数据传递关系。模块间联系越多，其耦合性越强，同时表明其独立性越差。降低模块间的耦合度能减少模块间的影响，防止对某一模块修改所引起的“牵一发动全身”的水波效应，保证系统设计顺利进行。）

DIV+CSS如其字面意思，就是网页HTML代码主要使用DIV将内容模块化，用CSS控制其显示效果。好处很多，从前端层面来说，大大减轻工作量，提高工作效率。从界面布局来将，能够更准确的将页面元素定位，且保证在不同的环境下获得基本一致的效果。

[link]（https://jingyan.baidu.com/article/ad310e80f299c31849f49ea7.html）.