在CSS中，我们经常需要使用em单位来设置字体大小、行高和元素的尺寸等，但是很多人不知道em的具体用法。em是一种相对单位，表示当前元素的字体大小的倍数。

p {font-size: 16px; /* 父元素字体大小为16px */line-height: 1.5em; /* 行高为1.5倍字体大小 */padding: 1em; /* 上、右、下、左的内边距都为1倍字体大小 */}

上面的代码中，我们可以看到，我们将p元素的字体大小设置为16px，然后将行高设置为1.5em，这意味着行高将会是字体大小的1.5倍。我们还将内边距设置为1em，这意味着上、右、下、左的内边距都是字体大小的1倍。

使用em单位有很多好处，其中最大的好处是它是相对单位，这意味着当我们改变父元素的字体大小时，子元素的字体大小也会相应地调整。

.parent {font-size: 18px; /* 父元素字体大小为18px */}.child {font-size: 1.2em; /* 子元素字体大小为父元素字体大小的1.2倍 */}

上面的代码中，我们设置parent元素的字体大小为18px，然后将child元素的字体大小设置为1.2em。这意味着child元素的字体大小将会是父元素字体大小的1.2倍，也就是21.6px。

总的来说，使用em单位可以帮助我们更好地控制网页的样式，特别是在响应式网页设计中，它的作用非常明显。因此，我们应该多多熟悉和使用em单位。