CSS3的REM设置字体大小

px,em,rem单位转换工具

CSS3的REM设置字体大小

自我总结：

字体的三大单位px，em，rem（css3）

1.浏览器默认字体是16px，最小12px（至少chrome是如此）

2.单位em会继承父元素字体设置的大小，和px换算为，例如16px为1em

3.rem继承根元素，可以理解为浏览器字体的大小。与px的换算为 ,假如font-size为16px，如果你要实际值为16px，你只写1rem则可。假如浏览器默认设置为10px，那么10px=1rem，如果你需要的font-size值为16px，那么1px=0.1 16px=1.6rem。公式为  

你要的那个值（px）=rem*1px等于的rem值 默认为16px。

要用rem值，你需要在根目录声明 font-size:62.5% （即10px）

二、知识补漏之 line-height 单位（%、em）和无单位（仅数字）差别

有单位会继承父级字体的大小来计算，无单位则是按照自身字体大小来计算 

即最终font-size值（px）=em（%）*默认值（父级或自身）

后续有新识会更新……