Firefox中使用Firebug插件调试CSS

由于CSS可多级继承，并且其权重值的计算比较复杂，因此在设计网页时往往出现一些意料不到的效果，且不容易调试。而使用Firefox的Firebug插件，可轻松调试CSS.

 

Ctrl + Shift + C: 将在新标签页中查看影响当前网页的所有CSS文件。

 

从菜单中访问：工具 -> Firebug -> 查看元素，可在Firefox的下端展开Firebug控制面板，用鼠标指向网页上不同区域，将用蓝色边框自动标出所指区域，Firebug的HTML标签下的内容自动与所指区域同步，且样式标签也自动列出所有影响该区域的CSS选择器。找到某个区域后，单击鼠标，可选定该区域。通过查看右边样式标签的各个CSS选择器，必要时在某些属性前单击鼠标以屏蔽或取消屏蔽该属性的设定，可快速地调试相应的CSS。单击属性值，可以修改该属性值，Firefox将自动应用该结果。但这种方式下的修改不会保存，重新刷新页面将丢弃所有的修改。