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

快速定位页面中复杂 CSS BUG

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

标签:快速定位页面中复杂 CSS BUG 必(1)复杂(1)边框(13)调试(3)CSS(655)页面(60)快速(9)定位(32)Bug(15)背景(35)
6、边框背景调试法, 必知的css属性知识 快捷提醒:假如触发了 haslayout,IE 的调试工具 IE Developer Toolbar 中的属性中将会显示 haslayout 值为 -1。 2、款式消除法 4、检查是否清除浮动 有时候咱们也能够从页面的 HTML 元素动身, 必知的CSS7个知识点 。删除页面中不同的 HTML 模块,寻找到触提问题的 HTML 模块。 1、检查页面的标签是否闭合 不要小看这条,也许折腾了你两天都没有解决的 CSS BUG 问题, 微妙的圆角参数 纯CSS圆角Ta
快速定位页面中复杂 CSS BUG》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302341922013.htm

6、边框背景调试法,必知的css属性知识

快捷提醒:假如触发了 haslayout,IE 的调试工具 IE Developer Toolbar 中的属性中将会显示 haslayout 值为 -1。

2、款式消除法

4、检查是否清除浮动

有时候咱们也能够从页面的 HTML 元素动身,必知的CSS7个知识点。删除页面中不同的 HTML 模块,寻找到触提问题的 HTML 模块。

1、检查页面的标签是否闭合

不要小看这条,也许折腾了你两天都没有解决的 CSS BUG 问题,微妙的圆角参数 纯CSS圆角Tab,却仅仅源于这里。究竟页面的模板一般都是由开发来嵌套的,而他们很轻易犯此类问题。

故名思议就是给元素设置背眼的边框或者背景(个别玄色或红色),进行调试。此方法是最常用的调试 CSS BUG 的方法之一,对复杂 BUG 仍旧实用。经济实惠还环保^^

3、模块确认法

--> [网站建设之]疾速定位页面中复杂 CSS BUG

有些庞杂的页面兴许加载了 N 个外链 CSS 文件,那么一一删除 CSS 文件,找到 BUG 触发的详细 CSS 文件,缩小锁定的范畴。

实在有不少的 CSS BUG 问题是由于不扫除浮动造成的。养成良好的肃清浮动的习惯是必要的,推举应用 无额定 HTML 标签的清除浮动的方式(尽量防止使用 overflow:hidden;zoom:1 的相似办法来消除浮动,会有太多的限度性)。

5、检讨 IE 下是否触发 haslayout

许多的 IE 下复杂 CSS BUG 都与 IE 特有的 haslayout 非亲非故。熟悉跟懂得 haslayout 对于处理复杂的 CSS BUG 会事半功倍。推荐浏览 old9 翻译的 《On having layout》(如果无奈翻越穿梭巨大的 GFW,可阅读 蓝色上的转帖 )

快捷提示:可以用 Dreamweaver 翻开文件检查,普通没有闭合的标签,会黄色背景高亮。

对于方才锁定的问题 CSS 样式文件,逐行删除详细的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。

Tag:Bug   Bug  

信任大家对于常见 CSS BUG 的处置已经绝对比拟熟习,例如:IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但时常我们也会遇到复杂的 CSS BUG 问题,所谓“复杂&rdquo,很酷的CSS发光按钮实现方法;本质是指触发的前提很复杂,而&ldquo,很漂亮的一个css实现的统计实例;BUG” 也并非指必定是阅读器的 BUG 。对于此类问题,我们首先要解决的是如何定位到问题,只有快捷的定位到问题,才干更好的解决问题。

最后想给大家强调一点的是,养成良好的书写习惯,减少额外标签,尽量语义,合乎尺度,其实可认为我们减少良多额外的复杂 CSS BUG,更多的时候其实是我们自己给本人制作了麻烦。盼望大家阔别 BUG ,生涯越来越美妙。

对于倏地定位,个人的教训处理正常如下(基础可以定位到我在 淘宝 碰到的 90% 以上的复杂 CSS BUG 问题):


(责任编辑:网站建设)
快速定位页面中复杂 CSS BUG相关文章
上一篇:必知的css属性知识 下一篇:快速生成CSS--LESS学习总结
回到顶部