网页设计之CSSbug捕捉的基本知识


    跟踪bug的第一步是检验你的(X)HTML和CSS,检查打字或语法错误。网站建设某些显示错误是由于浏览器以怪异模式显示页面造成的。因此,最好检查是否正在使用适合自己的标记语言的DOCTYPE,从而让页面以标准模型显示。建站新闻可以通过安装Firefox开发人员工具条了解页面将以什么模式显示。如果页面以怪异模式显示,那么工具条最右边的对钩符号是灰色的。如果页面以标准模式显示,那么对钩符号是蓝色的。单击这个对钩符号会提供关于页面的更多信息,并且显示地定义显示模式。
    许多网站开发人员主要使用IE开发页面,所以每次修改页面之后,建站研究他们会在IE中预览页面,看看效果是否正确。在页面差不多准备好后,他们在各种浏览器中进行测试并且修复出现的任何bug。但是,这是一种危险的做法,可能会导致许多长期的问题。
    IE5x/Win是一种声明狼藉的浏览器,有很多bug和几个重要的CSS缺陷,包括它处理浮动的方式以及不正确的框模型实现。IE6的bug稍微少一点,但是仍然有许多bug和不一致的地方。由于使用IE作为主要的开发浏览器,许多网站建设开发人员错误地把IE的表现当作正确的表现,因此,反而奇怪为什么更现代的浏览器破坏了他们精心设计的CSS布局。页面实际上是在IE中被破坏了,在更现代的浏览器中的显示方式是正确的。
    更安全的方法是使用更符合标准的浏览器作为主要的开发浏览器。建站方案如果你的布局在这些浏览器中工作正常,建站模板那么你所做的可能符合正确的方式。然后,可以在能力比较差的浏览器中测试页面,并且为发现的任何显示问题寻找解决方案。
    知道问题的根源,对于实现正确的解决方案是非常有利的。因为给网站建设应用CSS样式有许多方式,最容易的解决方案是干脆回避这个问题。如果空白边导致了问题,那么可以考虑填充来代替。如果一种HTML元素组合导致了问题,那么可以考虑一种组合。
    许多CSS bug有描述性非常强的名称。网站设计所以在网络上搜索解决方案是相当容易的。例如,如果你注意到IE将所有浮动元素上的空白边加倍了,那么搜索"Internet Explorer Double Margin Float Bug"就会找到解决方案。
    如果发现无法回避这个bug,那么可能不得不设法消除症状。这往往涉及寻找一个影响出问题的浏览器的过滤器,并且向这个浏览器提供单独的规则。
此博文由 所立得 博客营销 试用版发送,注册版不带此信息及下面的广告.
博客群发 博客群建 营销软件 信息群发 seo工具网站优化 产品推广