[分享]css中em为什么是斜体

在CSS中，em是一种相对长度单位。它指的是当前元素的字体大小。例如，如果一个元素的字体大小为16px，那么1em就是16px。然而，与其他相对长度单位不同的是，浏览器会默认将em设置为斜体。这是因为...

在CSS中，em是一种相对长度单位。它指的是当前元素的字体大小。例如，如果一个元素的字体大小为16px，那么1em就是16px。

然而，与其他相对长度单位不同的是，浏览器会默认将em设置为斜体。这是因为在早期的打字机时代，人们为了强调某些文字，经常会将它们斜体化。而今天，我们仍然保留着这种习惯，将em作为标记重要文字的斜体。

 p {
        font-size: 16px;
        font-style: normal;
    }
    em {
        font-style: italic;
    } 

但是，我们也可以通过设置font-style: normal;来取消em的斜体。这在一些情况下非常有用，比如当我们想要强调一段文字，但是并不想要它斜体化。

综上所述，CSS中的em起源于打字机时代的斜体文字，而今天我们仍然将它作为标记重要内容的斜体。但是，我们也可以通过设置font-style: normal;来取消其斜体效果。