在CSS中，1em是一个非常常见的单位，它可以用来指定字体大小、边框宽度等等。但是1em到底是多少呢？对于初学者来说，可能会有些困惑，下面就来详细讲解一下。

em {
font-size: 1em;
border: 1em solid black;
}

首先，需要明确的是，em是个相对单位，它的值是相对于当前元素的字体大小来计算的。例如，下面的CSS代码中，字体大小是16像素，1em就等于16像素。

body {
font-size: 16px;
}
p {
font-size: 1em; /*等于16像素*/
}

如果我们修改了body的字体大小，p元素的字体大小也会随之改变。

body {
font-size: 20px;
}
p {
font-size: 1em; /*等于20像素*/
}

此外，em还可以在其他属性中使用，比如border、padding等，代表相对于当前字体大小的倍数。

em {
border: 0.5em solid black; /*相当于字体大小的一半*/
padding: 1em; /*相当于字体大小*/
}

需要注意的是，当一个元素的字体大小被子元素修改时，子元素使用的em值也会相应改变。

div {
font-size: 16px;
} 
p {
font-size: 1.5em; /*等于24像素*/
}

在上面的代码中，p元素的字体大小是1.5em，即24像素，因为它是在一个字体大小为16像素的div中定义的。如果我们有一个span元素放在p元素中，并且指定其字体大小为2em，那么其实际大小就是1.5 * 2 = 3em或者48像素。

<div>
<p>
这是一个段落<span>这是一个span</span>
</p>
</div>
p {
font-size: 1.5em; /*等于24像素*/
}
span {
font-size: 2em; /*等于48像素*/
}

总之，1em是一个非常灵活的单位，可以根据字体大小自动调整元素宽度、高度、边框等等，但也需要注意嵌套元素的字体大小的影响。