CSS—— em的详解

Posted 2020-09-28

字体大小在浏览器的默认样式表中有规定。一般采用em为单位，也就是相对单位，1em=16像素。

同时，像P h1等等标签都采用浏览器默认的em单位，P为1em，h1为2em等等。

两条重要的规则：

1.font-size是一个例外，它以父元素的大小做为相对来计算

2.除了font-size之外，其余的以本身为相对单位，这个一会解释。

 

叠加的例子

有一段代码：

<p>....apple banana..<strong>watermelon</strong>....</p>

假如想实现效果：p的大小变化时，内部嵌套的<strong>也随之变化。这里就可以用em为单位。