div+css的优势有哪些(什么是css的层叠性)

div+css的优势有哪些

一.精简代码，建造重构难度
网站运用DIV+CSS布局使代码很是精简，信任大多朋友也都略有所闻，css文件能够在网站的任意一个页面进行调用，而若是运用table表格修正部分页面却是显得很麻烦。要是一个门户网站的话，需手动改许多页面，并且看着那些表格也会感觉很乱也很浪费时间，可是运用css+div布局只需修正css文件中的一个代码即可。
二.css网页拜访速度
运用了DIV+CSS布局的网页与Table布局比较，精简了许多页面代码，那么其浏览拜访速度天然得以提升，也从而提升了网站的用户体验度。
三.SEO优化
选用div-css布局的网站关于搜索引擎很是友好，因而其避免了Table嵌套层次过多而无法被搜索引擎抓取的问题，并且简练、结构化的代码更加有利于突出重点和合适搜索引擎抓取。
四.浏览器兼容性
DIV+CSS相比TABLE布局，更简单呈现多种浏览器不兼容的问题，首要原因是不同的浏览器对web标准默认值不同。国内干流是ie，firefox及chrome用的较少，在兼容性测试方面，首先需要确保在ie多版别不呈现问题，这里涉及到一些办法和技巧，能够针对具体问题在网站查找解决办法。
五.CSS+DIV网页布局的时候常犯的小过错
1.查看HTML元素是否有拼写过错、是否忘掉结束符号
即使是内行也经常会弄错div的嵌套关系。能够用dreamweaver的验证功用查看一下有无过错。
2.查看CSS是否书写正确
查看一下有无拼写过错、是否忘掉结尾的}等。能够运用CleanCSS来查看CSS的拼写过错。CleanCSS本是为CSS减肥的东西，但也能查看出拼写过错。
3.用删去法确定过错产生的位置
假如过错影响了整体布局，则能够逐一删去div块，直到删去某个div块后显现恢复正常，即可确定过错产生的位置。
4.运用border特点确定出错元素的布局特性
运用float特点布局一不小心就会出错。这时为元素增加border特点确定元素边界，过错原因即真相大白。
5.float元素的父元素不能指定clear特点
MacIE[3]下假如对float的元素的父元素运用clear特点，周围的float元素布局就会混乱。这是MacIE的著名的bug，假使不知道就会走弯路。
6.float元素务必指定width特点
许多浏览器在显现未指定width的float元素时会有bug。所以不论float元素的内容如何，一定要为其指定width特点。
另外指定元素时尽量运用em而不是px做单位。
7.float元素不能指定margin和padding等特点
IE在显现指定了margin和padding的float元素时有bug。因而不要对float元素指定margin和padding特点(能够在float元素内部嵌套一个div来设置margin和padding)。也能够运用hack办法为IE指定特别的值。
8.float元素的宽度之和要小于100%
假如float元素的宽度之和正好是100%，某些陈旧的浏览器将不能正常显现。因而请确保宽度之和小于99%。
9.是否重设了默认的样式?
某些特点如margin、padding等，不同浏览器会有不同的解说。因而最好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。
10.是否忘掉了写DTD?
假如无论怎样调整不同浏览器显现成果还是不一样，那么能够查看一下页面开头是不是忘了写下DTD声明（DOCTYPE）。
最终，需要留意的是，蜘蛛不喜欢一个页面有太多的css代码，不然同样会影响蜘蛛的匍匐，影响搜索引擎的录入，所以选用外部调用的方式调用CSS是非常不错的办法(html引进css文件)。而同时，若非有必要太多花哨的网站，选用CSS布局，同样能够抵达所想要的作用。如网站导航中的文字色彩变化、css下拉菜单等。

什么是css的层叠性

CSS层叠是指CSS样式在针对同一元素配置同一特点时，根据层叠规矩（权重）来处理抵触，挑选使用权重高的CSS挑选器所指定的特点，一般也被描述为权重高的掩盖权重低的，因此也称作层叠。每个CSS挑选器都会有一个权重（行内1000，id100，class10，tag1、能够这样以为），当两个挑选器一起配置同一元素的同一特点时（比方一个设置color：red，另一个color：black），就会发生抵触，而处理抵触的计划便是CSS挑选器的权重，权重高的来掩盖权重低的。
另外，继承的特点是权重重最轻的，会被上面的四个界说方式掩盖。
CSS语义化其实更多地是指HTML的语义化
层叠是CSS的一个基本特征，它是一个界说了如何兼并来自多个源的特点值的算法。它在CSS处于核心位置。