Html 我怎样才能改变<；h1>；通过<；h6>；具有与<；p>；在保持它们不变的情况下使用em而不是px？

没有代码，只是一个简单的概念，我需要帮助：

我希望所有文本项（h1-h6、p、blockquote、代码等）上方/下方的填充相同。我希望它是1em=16px。但是，如果我将它们都设置为具有1em填充，那么像h1这样的较大文本项具有更多填充，因为它相对于h1的字体大小为1em。我怎样才能使它们都是相对于p的字体大小1em的呢

---

我不想使用像素作为设置宽度，因为如果将页面文本的大小加倍到1em=32px，则不会使填充加倍，使其达到所需的一半。如何实现这一点？

您可以使用其他单位，如设置字体大小，相对于周围文本的字体大小，然后计算ems中的填充与的填充相同

例如：

body { font-size: 24px; }
p    { padding-top: 1em; }
h1   { font-size: 1.25em;
       padding-top: 0.8em; /* = 1 / 1.25 */
     }

视觉差距仍然会有所不同，因为您没有提到任何关于边距和线条高度的内容

查看它是如何工作的（注意0.5=0.625/1.25）：

p、 h1{边框：1px实心红色；}
p{填充顶部：0.625em；
填充底部：0.625em；}
h1{字号：1.25em；
垫面：0.5em；
填充底部：0.5em；}
span{背景：#DDEEFF；}
这是一些文本，旨在作为一个填充来说明一个要点。
这是一些文本，旨在作为一个填充来说明一个要点。
这是一些文本，旨在作为一个填充来说明一个要点。
这是一些文本，旨在作为一个填充来说明一个要点。
这是一些文本，旨在作为一个填充来说明一个要点

这是一些更多的文本，旨在作为一个填充来演示一个要点。
这是一些更多的文本，旨在作为一个填充来演示一个要点。
这是一些更多的文本，旨在作为一个填充来演示一个要点。
这是一些更多的文本，旨在作为一个填充来演示一个要点。
这是一些更多的文本，旨在作为一个填充来演示一个要点

与段落填充相同的标题
这是一些其他文本，旨在作为一个填充，以证明一点。
这是一些其他文本，旨在作为一个填充，以证明一点。
这是一些其他文本，旨在作为一个填充，以证明一点。
这是一些其他文本，旨在作为一个填充，以证明一点。
这是一些其他文本，旨在作为填充来演示一个要点。

您是否考虑过去掉文本元素上的所有填充和边距，改用“行高”？空白块元素可用于间距。您是否考虑过使用

rem

而不是

em

1rem

是常量，与当前元素的字体大小无关。