第三十二章 单位续谈 - 《代码能有多难?》

96
稻米鼠 B67c298d f020 4f89 aac6 0710bc0709ec
2019.05.31 06:05 字数 328

em

Emmm……

em 是一个单位,就可以解决前面的问题。但这不是一个绝对的单位,所以没有办法单独说 em 是多大。它表示的是当前元素文字的大小是它父元素的多少倍。

p {
  font-size: 1.2em;
}

如果数字大于 1,那就是比父元素的文字更大;反之,如果小于 1,那就是比父元素的文字更小。这是一个很简单的数学题。

这时候我们先要说一下,在默认的情况下,就是你没有进行字号的设置,子元素的文字大小是等于父元素的文字大小的,这叫做继承。当然你别拿 h1h6 的标题来抬杠。

那么按照上面所说的这些规则,如果我们全用 em 单位,网页中所有文字的大小,就都和 body 元素的文字大小相关了。这时候我们只需要调整 body 的文字大小,网页中其他元素的文字都跟着发生相应的变化。如果 body 中设置文字大小依旧使用 em 单位,则是相对于浏览器默认文字大小的倍数。

诶?!


……

**继续阅读 >>> :[第三十二章 单位续谈 - 《代码能有多难?》 —— Writed by 稻米鼠](https://dmnydn.com/courses/lesson-0032?from=jianshu)**

(小白都看的懂,学得会的前端代码教程,睡前看一章,轻松学代码。)

**Tags:** Web,HTML,CSS,教程,编程,前端入门,基础课程
代码能有多难?-2019