CSS中em和en有什么区别

Question

我正在使用一些（有问题且奇怪的）CSS，我想知道在确定大小时 en 和 em 之间的区别是什么 font-size:12en;高度：3em；。

Answer 1

它在 HTML/CSS 中无效，但在非网络印刷机中使用：
维基百科在 em 下提到了它：

em 空格 ( ) 的宽度定义为 1 em，em 破折号 (—) 也是如此。
相比之下，较窄的单位 en 是半个 em。

Answer 2

在 CSS 中，“em”是一个相对印刷单位，等于字体大小。如果您的字体大小是 12px，那么该元素的 1em 就是 12px。由于“em”是相对测量单位，因此当对具有不同字体大小的多个元素进行排版更改时，这会有所帮助，例如，如果您有：

<style> 
h1{ font-size: 24px; }
p{ font-size: 15px; }
.spacedout{ letter-spacing:1em; }
</style>

<h1 class="spacedout">Heading</h1>
<p class="spacedout">Paragraph</p>

那么字母之间的间距在视觉上将是相等的。