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

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,教程,编程,前端入门,基础课程
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容