网站知识

css样式如何调试

来源:实搜网络   2013-12-02

 

1. 搜检HTML元素是不是有拼写短处、是不是健忘竣事标识表记标帜
即即是熟行也常常会弄错div的嵌套关系。可以用dreamweaver的验证功效搜检一下有没有短处。

2. 搜检CSS是不是书写正确
搜检一下有没有拼写短处、是不是健忘结尾的 } 等。可以独霸CleanCSS来搜检 CSS的拼写短处。CleanCSS本是为CSS减肥的工具,但也能搜检出拼写短处。

3. 用删除法必定短处产生的地位
若是短处影响了整体结构,则可以逐一删除div块,直到删除某个div块后显示复原正常,便可必定短处产生的地位。

4. 独霸border属性必定出错元素的结构特点
操作float属性结构一不谨慎就会出错。这时辰为元素添加border属性必定元素鸿沟,短处启事即内幕毕露。

5. float元素的父元素不能指定clear属性
MacIE下若是对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等。

实搜网络为您提供网络推广网络营销网站建设SEO优化微信开发网站托管等服务,服务热线:0311-66697360