我是一个 CSS 新手。是否有一种工具可以帮助调试应用于网页的 CSS 样式。
通常如何调试 CSS 并解决页面上某些元素未按预期出现的问题?目前,我不得不痛苦地逐个注释 CSS 声明,以了解样式的显示方式。
通过浏览器:
火狐有一个叫做Firebug的插件模块,很容易安装和非常强大。当与Firefox的“Web Developer”结合使用时,它甚至更好。
Internet Explorer有一个名为Developer Toolbar的工具栏,虽然不如Firebug好用,但足以检查IE中的问题。此外,还有一个称为IE DOM inspector的工具。IE也有Firebug Lite的版本。
Google Chrome内置了类似Firebug的工具。在地址栏右侧的下拉菜单中看到“工具->开发人员”选项。这允许您查看每个元素使用的css规则。它还具有Javascript调试支持。
Safari使用一个称为Web Inspector的工具。
Opera内置了一个名为Dragonfly的实用程序。
你可以使用Firefox的Firebug插件。它对CSS非常有用。 你可以动态地开启和关闭样式以及从样式中选择字段。这太棒了。
首先使用Firefox开发和测试您的CSS,然后切换到其他浏览器来测试您的代码。在我看来,这是一种普遍接受的方法。 Firebug非常好用,但如果您将其与FF的Web Developer插件结合使用,效果会更好。
有一个很棒的网站值得一看,其中包含大量关于CSS和HTML开发的信息。