柒月的暖陽
2020-05-06 22:46
哪位大神给解释一下,那特殊情况什么意思,一个14px ,一个0.8em,怎么最后就变成11.2px了,有点看不懂。谢谢了。
UIOEILXASCFGSADGWER5WREFQC43W2AXC
p{font-size:14px} span{font-size:0.8em;} <p>以这个<span>例子</span>为例。</p>
14px是p标签段落内的一个标准字符的大小,0.8em就表示0.8个标准字符大小,也就是0.8*14px,这都是相对的换算,是以前边p段的font-size为标准
不管给的px为多少,相对于后者都是单位1em
当给 font-size 设置单位为 em 时,此时计算的标准以 p 的父元素的 font-size 为基础。
他们是相对的,就<P>标签你字体样式已经设置14px,那现在1em=14px。
你又要给<p>里面的<span>定义以em为单位的字体样式,这时你要以14px像素的标准来进行换算
em是相对长度,1em就是你定好的font-size,具体多长跟你写的有关,就是个乘法
14px*0.8=11.2px
初识HTML(5)+CSS(3)-升级版
1225812 学习 · 18234 问题
相似问题