我可以使用什么来用可见的内边距、边距和边框来勾画 HTML 元素的轮廓？

Question

我通常可以很好地使用 Chrome Web Developer 扩展来概述元素、调试 CSS 等，当这无法完成任务时，我使用 Firefox 版本（原始的高级版本），但我会使用真正喜欢的是一个工具，可以勾勒出元素的“足迹”，显示“核心”元素、其填充、实际宽度的边框及其边距。

Chrome 或 Firefox 是否有这样的工具？

Answer 1

概述所有元素：

* {
  outline: 1px red solid;
}