[分享]css中1.8em什么意思

CSS是网页设计的基础语言之一。在CSS中，1.8em是一个比较常用的数值单位，用来表示字体大小或者元素的尺寸。例如，我们可以通过下面的CSS代码来设置一个段落的字体大小为1.8em： p { fon...

CSS是网页设计的基础语言之一。在CSS中，1.8em是一个比较常用的数值单位，用来表示字体大小或者元素的尺寸。

例如，我们可以通过下面的CSS代码来设置一个段落的字体大小为1.8em：
p {
  font-size: 1.8em;
} 

这段代码的效果是将段落的字体大小设置为其父元素字体大小的1.8倍，即1.8em等同于18px（假设父元素的字体大小为10px）。这样设置的好处是，可以根据父元素字体大小的变化来自适应地调整子元素的大小。

同时，1.8em也可以用来设置其他元素的尺寸，比如一个图片或者一个按钮的大小。同样的道理，它会根据父元素的尺寸进行适配。

例如，我们可以通过下面的CSS代码来设置一个按钮的宽度和高度为1.8em：
button {
  width: 1.8em;
  height: 1.8em;
} 

如果父元素的宽度为100px，那么这个按钮的宽度和高度都会被设置为180px（1.8em等同于100px的1.8倍）。

综上所述，1.8em是CSS中一种常用的数值单位，可以用来设置字体大小和元素尺寸。它的优点是可以根据父元素进行自适应地调整。