CSS调试的技巧
最近在读《精通CSS》一书消遣。
全书以技巧为主、理论为辅，介绍了许多 CSS 应用小技巧，如果忽略一些令人哭笑不得的术语翻译之外，这是一本难得的好书，十分适合进阶之用。
第九章《bug 和 bug 修复》，介绍了一些 CSS 调试的技巧，尤为实用。毕竟，与其授人以鱼，不若授人以渔。若不会自己研究、解决问题，就算你会用再多 CSS hack，遇到新 bug 时，也是白搭。
下面就加上我自己的一些理解，整理、总结如下：
0、使用更符合标准的浏览器
先使用更符合标准的浏览器（如 Firefox、Opera、Chrome 等）作为主要开发浏览器，页面显示正确后，再在能力较差的浏览器（如 IE）中进行兼容性测试。
1、进行 W3C 校验
遇到问题时，不要直接归罪于浏览器 bug，很多时候，问题源于你不规范的代码。尝试进行 W3C 校验，这能帮助你发现代码中的不规范之处。
当然，这不意味着必须做到 100% validate。W3C 验证只是一个参考标准，而不是必须无条件遵循的规则。
2、给相关元素加上边框
尝试隔离问题，识别症状，查明是什么导致了这个问题。隔离问题的方法之一是给相关元素加上边框，看它们的反应。
如果你使用 Firefox 作为开发浏览器，推荐 Web Developer 扩展，它可以方便地给指定元素加上边框，无需修改代码。除此之外，它还附带了许多其它的调试工具。
3、创建基本测试案例
如果问题比较棘手，可以创建基本测试案例（重现 bug 所需的最少 HTML/CSS ），去掉一些无关变量，使问题尽可能简单。
4、回避浏览器 bug
对于浏览器 bug，最简单的解决方案是——回避它。尝试使用其它方案实现相同的表现效果，实在没办法了再使用 CSS hack（这可能会留下隐患）。
我一般用firebug，WebDeveloper还真不熟悉！
Web Developer 集成了大量轻量级的实用调试工具，试试吧。
太多了`！得慢慢的实践
opera dragonfly。。。
话说我至今不知道怎么给 Opera 装扩展…
不用装的哇。。直接用 工具 高级 开发者工具 就会启动DRAGON FLY了。。第一次可能要等一会
wow!great!
赶紧把上面的那个骨头弄到黑名单, 我也遇到了, 那个垃圾.
不要用IE6就对了. O(∩_∩)O哈哈~
自己当然不用，但没办法要求客户也不用啊。
写的不错，支持，顶一下
今天是圣诞节啊，祝大家节日快乐。呵呵
谢谢，圣诞快乐
不错，支持一下。。。。
恩，很认同～