当前位置: 网站建设 > 网页设计 > 建站经验 >

如何检查调试CSS布局代码

时间:2013-03-02 04:00来源:未知 作者:admin 点击:

标签:如何检查调试CSS布局代码 如何(201)margi(1)性如(1)CSS(655)检查(3)某些(4)布局(72)调试(3)代码(82)
某些属性如margin、padding等,不同浏览器会有不同的说明, 如何查找页面中的CSS bug 。因此最好在开发前首先将全部的margin、padding设置为0、列表样式设置为none等。 假如错误影响了整体布局,则能够一一删除div块,直到删除某个div块后显示恢复畸形,即可断定毛病产生的地位。 MacIE下如果对float的元素的父元素使用clear属性,四周的float元素布局就会凌乱。这是MacIE的有名的bug,假使不晓得就会走弯路。 4. 应用border属性确定出错元素的布局特征 应
如何检查调试CSS布局代码》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302340602013.htm

  某些属性如margin、padding等,不同浏览器会有不同的说明,如何查找页面中的CSS bug。因此最好在开发前首先将全部的margin、padding设置为0、列表样式设置为none等。

  假如错误影响了整体布局,则能够一一删除div块,直到删除某个div块后显示恢复畸形,即可断定毛病产生的地位。

  MacIE下如果对float的元素的父元素使用clear属性,四周的float元素布局就会凌乱。这是MacIE的有名的bug,假使不晓得就会走弯路。

  4. 应用border属性确定出错元素的布局特征

  应用float属性布局一不警惕就会犯错。这时为元素增加border属性肯定元素边界,错误起因即真相大白。

--> [网站建设之]如何检查调试CSS布局代码

  即便是老手也常常会弄错div的嵌套关联,如何构架一个大型网站。可以用dreamweaver的验证功效检查一下有无错误。

  6. float元素务必指定width属性

  良多浏览器在显示未指定width的float元素时会有bug。所以不论float元素的内容如何,必定要为其指定width属性。

  8. float元素的宽度之跟要小于100%

  另外指定元素时尽量使用em而不是px做单位。

  7. float元素不能指定margin和padding等属性

  5. float元素的父元素不能指定clear属性

  9. 是否重设了默认的款式?

        目前主流网页布局设计中,CSS都占领很主要的局部,然而面对一条条的CSS代码,如何有效编写软件的75条建议,检测成了问题,本文就此为大家先容多少种检查调试CSS布局的有效办法。
  1. 检讨HTML元素是否有拼写过错、是否忘却停止标志

  IE在显示指定了margin和padding的float元素时有bug,如何有效创建个性化404错误页面。因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding)。也可以使用hack方式为IE指定特殊的值。


  2,如何更有效的写出CSS代码. 检查CSS是否书写准确

  如果float元素的宽度之和正好是100%,某些古老的阅读器将不能正常显示。因而请保障宽度之和小于99%。

  检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。

  10. 是否忘记了写DTD?

Tag:CSS   布局   代码   CSS   布局   代码  

  3. 用删除法确定错误发生的位置


(责任编辑:网站建设)
如何检查调试CSS布局代码相关文章
上一篇:如何查找页面中的CSS bug 下一篇:如何正确使用网页设计中的一些图标
回到顶部