css - 为什么 Firefox CSS Debugger 不显示 P 元素默认边距？

Question

我刚刚花了一个小时来解决我遇到的一个问题，即我的所有段落元素都被向下移动了。

这发生在我将设计从 jsfiddle.net 移动到我的网络主机之后。

我杀了一个小时才终于意识到我需要插入

p{margin:0px;}

一切都很好……还差1px；

问题：

为什么jsfiddle.net没有出现这个错误？

为什么 FF CSS 调试器不让我知道那里有一个边距或它来自哪里。我不知道设置为什么，但它不是 0px；

我正在努力从“我的错误”中学习，这样我就可以知道下一次会发生什么。

score 2 · Accepted Answer

Web 浏览器为呈现 HTML 元素设置自己的默认值。这包括边距、填充、字体大小等。当您创建没有 CSS 的 HTML 文档时，您可以看到列表、段落和标题以默认方式格式化。

调试器倾向于显示您在 CSS 中应用于文档的值。

为了解决这些不一致的问题（浏览器使用不同的默认值），有些人使用“重置”CSS 文件，通过尽可能设置为 0 来消除这种行为。

1 回答 1