font-size字体大小
- 字体设置方式一
px(浏览器默认的字体是16px) - 字体设置方式二
em相对于父元素字体的尺寸,如果父元素是20px,1em就是20px - 字体设置方式三
百分比%涉及到百分比的,坑比较多,暂时没那个能力。。。
以上图为例简要分析一下:上图中
span元素设置的2em,首先,由于图中span继承浏览器字体大小16px,所以span里面字体是32px。然后,span的子元素i设置的字体大小也是2em,i原本是继承span的字体大小32px,设置成2em之后就变成了64px。