css中的em怎么使用（css em rem）

在CSS中，em是一种相对于父元素的单位，它通常被用来设置文本字体的大小。使用em作为字体大小单位，可以让网页在不同屏幕大小下自适应。下面是关于em怎样使用的介绍：

样式表： body {
    font-size: 16px;
}
h1 {
    font-size: 2.5em;
}
p {
    font-size: 1.2em;
}
    HTML:body>
    h1>
    这是标题/h1>
    p>
    这是正文文字内容/p>
    /body>
    解释：首先，样式表中设置了body元素的字体大小为16像素（px），也就是默认字体大小。然后，h1元素的字体大小设置为2.5em。由于em是相对单位，这意味着h1元素的字体大小将会是“2.5倍”于父元素body的字体大小，即40像素（16px * 2.5）。最后，p元素的字体大小设置为1.2em。这意味着p元素的字体大小将会是“1.2倍”于其父元素body的字体大小，即19.2像素（16px * 1.2）。在实际开发中，使用em单位可以让文本相对于其父元素大小自适应，从而提高网页的可读性和可访问性。同时，也可以根据屏幕和设备大小动态地调整字体大小，让网页在不同设备上得到统一的显示效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！