荆州网站建设流程,属于自己的网站,宁波公司名称大全,阳泉建设网站的公司1、em单位的定义
MDN的解释#xff1a;它是相对于父元素的字体大小的一个单位。
例如#xff1a;父元素font-size#xff1a;16px#xff1b;子元素的font-size#xff1a;2em#xff08;也就是32px#xff09;
注#xff1a;有一个误区#xff0c;虽然他是一个相对…1、em单位的定义
MDN的解释它是相对于父元素的字体大小的一个单位。
例如父元素font-size16px子元素的font-size2em也就是32px
注有一个误区虽然他是一个相对单位并且官方对它的解释是相对于父元素字体大小的一个单位但是它是放在了文字属性里面也就说只有子元素的font-size是起作用的子元素的其他的属性是不相对于父元素的而是相对于本身的font-size大小
2、举例证明
大家可以拿这段代码验证一下
style.div {display: inline-block;font-size: 16px;}.red {font-size: 2em; // 32pxpadding: 1em; // 32pxwidth: 100px;height: 100px;background-color: red;margin-bottom: 100px;}
/stylediv classdivdiv classred123/div
/div
