css3中em是啥意思 |css多级侧边栏导航菜单

以以下的HTML和CSS片段为例：

<div class="parent">
<p class="child">Hello world!</p>
</div>
.parent {
font-size: 16px;
}
.child {
font-size: 1.5em;
}

在这个示例中，父元素(.parent)的字体大小被设置为16px。子元素(.child)的字体大小被设置为1.5em，相当于16 * 1.5 = 24px。在这个基础上，如果你改变父元素的字体大小到20px，子元素的字体大小也会随之改变到30px。

em单位可以在几乎所有CSS属性中使用，例如边距（margin）和宽度（width）。但是要特别注意末尾的”m”不可缺少。

总结一下，CSS3中的em是一个相对单位，它依赖于父元素的字体大小。使用em可以让你的页面响应式，当你改变父元素的字体大小时，页面元素的大小也会随之响应变化，这是一个非常强大的特性。