代码在firebug中以不同的方式突出显示

Question

如果有人能指出我正确的方向或告诉我什么是错的。

我googeld一段时间但找不到任何“萤火虫突出选项”或类似的东西。问题是：当我将这种蓝色和黄色的颜色悬停在像下面的图片时，我想要萤火虫突出显示。 （从网上获取图片）

这是看起来如何工作，但现在我在家里，这里只突出了一个边界。 见下图。

是FireFox 23.0.1

感谢您的帮助。

Answer 1

确保选中“Shade Box Model”HTML面板选项。

Answer 2

黄色是保证金。如果你没有任何边距，那么你就不会得到黄色位。

至于蓝色位之间的区别，如果您使用“检查”按钮然后在页面上移动鼠标，您将从第二个屏幕截图中获得边框效果。如果使用firebug的DOM树来选择元素，你将获得完全着色的蓝色效果。

这就是它的工作方式。