divcss发展总结，css的发展史

div+css建立页面的好处

1、精简的代码，使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。

2、使用 div 和 CSS 可以使页面结构更加清晰，代码更易于维护。可重用性： CSS 可以被多个页面重用，减少了代码冗余。易于修改： 使用 CSS 可以轻松地更改页面的布局和样式。

3、能够使代码精简。使用css div布局使代码变得精简，css文件可以在网站的任意一个页面进行调用，避免了使用table表格修改部分页面。提升网页访问速度。

4、采用Div+CSS设计布局网站具有以下的优点：第大大缩减页面代码。因为采用CSS布局，不象表格布局充满各种各样的属性和数字，而且很多css文件通常是共用的，从而提高页面浏览速度。

相关问答

Q1: 有利于SEO优化的DIV+CSS的命名规则小结

1、对于CSS样式的命名规则，建议用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字，为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间。

2、css样式的类名或者相关的ID名也是需要一定的规则，这样有利于前台和后台的交互。一般公司开发都是给技术员一本网站前端开发规范，里面详细的说明了各个命名的规则等相关的问题。

3、DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样，DIV+CSS样式表命名也需要遵循规则。

Q2: DIV+CSS和TABLE相比有什么好处?

有利于seo 【解析】改版时候更方便 只要改css文件。页面加载速度更快、结构化清晰、页面显示简洁。表现与结构相分离。易于优化（seo）搜索引擎更友好，排名更容易靠前。

提高页面浏览速度 对于同一个页面的视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有後者的1/2大小。 易于维护和改版 只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

当然，div的缺点也是显而易见的，那就是div+css对各浏览器的兼容性问题，如不是资深设计人员，会在浏览器兼容上大伤脑筋。

css div布局较传统的Table布局比较，减少了许多代码，浏览访问速度得以提升，从而提升网站的用户体验度。有利于优化。采用css div布局的网站对于搜索引擎很有帮助，简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。

Q3: 网站开发为什么使用div+css布局?

1、搜索引擎更加友好。相对与传统的table，采用div+css技术的网页，对于搜索引擎的收录更加友好。样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。

2、div+css！div布局能迎合搜索引擎的口味，而且更加灵活。浏览器兼容问题多调试几遍就会上手了。

3、，代码简洁，减少网页打开的速度。2，有利于蜘蛛搜索。3，如果你是程序设计人员，把程序嵌套在DIV里是非常方便的。特别是循环列表。不会像表格那样隔行要输出tr，...关于浏览器兼容问题，这对于新手是个头疼的是。

4、div布局可以加快网站加载速度，原因如下：div使用的布局代码比table少，div只需要标签来实现，当你把HTML内容放在p标签里时，可以称它为：“DIV块”，“DIV元素”，“CSS-layer”，或者简单的称之为“layer”。

Q4: DIV+CSS怎么使用

第float属性：DIV（层）默认是占据一整行，对于常见的两列或多列布局的设计，需要能够正确设置float及width属性实现效果。多列布局结束后如果跟了一个占据通栏的层，此时需要设置clear属性清除层浮动。

定义和用法 div可定义文档中的分区或节（division/section）。div标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

Table表格布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div更能体现样式和结构相分离，结构的重构性强。

或者我们也可以给box1设置左浮动（left），然后box2设置右浮动（right）。这样，蓝色div就会浮动到左边，而黄颜色的div就会浮动到右边。总而言之，浮动布局非常方便灵活，要灵活使用。

divcss发展总结的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css的发展史、divcss发展总结的信息别忘了在本站进行查找喔。