CSS定义文字大小单位em介绍

CSS定义文字大小单位em介绍

　　1em指的是一个字体的大小，它会继承父级元素的字体大小，因此并不是一个固定的值。任何浏览器的默认字体大小都是16px。因此，12px=0.75em。实际应用中为了方便换算，通常会如下设置样式：
　　
　　html{font-size:62.5%;}
　　
　　这样，1em=10px。我们常用的1.2em理论上就是12px。但是，这个换算在IE浏览器下不成立，1.2em会比12px稍大一些，解决办法是把html标签样式中的62.5%改成63%，即：
　　
　　html{font-size:63%;}
　　
　　在中文的文章中，一般会在段首空两格。如果用px作为单位，对12px字体来说需要空出24px，对14px字体来说需要空出28px……这样换算非常不通用。如果用上em单位，这个问题就很好解决了，1个字的大小就是1em，那两个字的大小就是2em。因此，只需这样定义就行了：
　　
　　p{text-indent:2em;}