DIV + CSS 到底是什么意思？

原创
|
浏览：74981
|
更新：2017-11-19 17:22

在很久很久以前，web工程师通过table进行页面布局（现在Google的picasa等应用还能找到table布局应用的例子），现在页面布局大都推荐div+css方式。所谓的div+css是指通过css控制div的布局。其实这儿div可以理解为统称，实际应用的不仅是div，还有p，span，img，table等任意节点的定位都可以通过css来控制。

方法/步骤

1
简要对比一下： 1、div+css相对于table更为灵活，用table布局，代码臃肿。 2、语义性问题。从语义上来说，table应该只是表格数据的容器，不应该是布局的工具。 3、样式渲染问题。table布局要等内容全部加载完毕后才渲染样式，如果用户网速不好，这样用户体验会很差。
2
在WEB前端开发中,HTML,CSS,JS这三家三驾马车分别代表着结构，展示，和交互。在web1.0的时代，页面的逻辑并不是特别复杂，对用户体验的要求也不是很高，table被大量开发者用来做布局元素，横跨结构和展示两个部分，是很“重”的。但是在如今web前端逻辑越…显示全部
在WEB前端开发中,HTML,CSS,JS这三家三驾马车分别代表着结构，展示，和交互。
3
在web1.0的时代，页面的逻辑并不是特别复杂，对用户体验的要求也不是很高，table被大量开发者用来做布局元素，横跨结构和展示两个部分，是很“重”的。
但是在如今web前端逻辑越来越复杂，用户体验要求越来越高的情况下，对这三者的解耦是必须的。此时再用table拿来做布局就不太合适了，因为table标签的语言根本不是用来做布局的，而是用来传递数据的。而div+css是符合解耦这一思想的，div用来控制布局，css用来控制样式。好处从小了说是整个页面的代码组织结构更合理，耦合度更低，从大了说是更利于前端开发的深度分工和复杂合作。
4
DIV+CSS如其字面意思，就是网页HTML代码主要使用DIV将内容模块化，用CSS控制其显示效果。好处很多，从前端层面来说，大大减轻工作量，提高工作效率。从界面布局来将，能够更准确的将页面元素定位，且保证在不同的环境下获得基本一致的效果。还有比如你说…显示全部
4
本页面未经许可获取自百度经验
5
DIV+CSS如其字面意思，就是网页HTML代码主要使用DIV将内容模块化，用CSS控制其显示效果。好处很多，从前端层面来说，大大减轻工作量，提高工作效率。从界面布局来将，能够更准确的将页面元素定位，且保证在不同的环境下获得基本一致的效果。
6
前端的制作常常会涉及到一个问题，就是定位布局。按照页面设计图来进行定位的话，在以往是用TABLE的方式，也就是将整个页面当做一张大表格，然后哪个地方需要放置什么元素就在表格里放置那个元素。 CSS 是层叠式样式表，是对HTML元素比如p,h1，还有div之类…显示全部
7
前端的制作常常会涉及到一个问题，就是定位布局。按照页面设计图来进行定位的话，在以往是用TABLE的方式，也就是将整个页面当做一张大表格，然后哪个地方需要放置什么元素就在表格里放置那个元素。
END

经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。

作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。

展开阅读全部

DIV + CSS 到底是什么意思？

方法/步骤

换一批相关经验

大学毕设论文