可以调试CSS吗？

Question

我是CSS新手.是否有一个工具可以帮助调试应用于网页的CSS样式.

当页面上的某些元素没有按原样出现时,如何通常调试CSS并解决问题？现在,我必须逐个注释掉CSS声明,以了解样式的显示方式.

Answer 1

您在Firefox中使用Firebug,这使调试变得更加容易.

Answer 2

通过浏览器:

• Firefox有一个名为Firebug的插件模块.它易于安装且功能强大.与Firefox的"Web Developer"结合使用会更好.

• Internet Explorer有一个开发人员工具栏,它不如Firebug好,但足以检查在IE中仍然有用的东西.此外,还有一个名为IE DOM检查器的工具.还有一个版本的Firebug for IE caled Firebug Lite.

• 谷歌浏览器附带类似于Firebug的内置工具.请参阅地址栏右侧下拉菜单中的"工具 - >开发人员"选项.这允许您查看每个元素使用的css规则.它还具有Javascript调试支持.

• Safari使用名为Web Inspector的工具.

• Opera有一个名为Dragonfly的内置实用程序.

Answer 3

并且在Opera中内置DragonFly.