css中的字体尺寸

CSS里面的font:12px/1.51.5是行高（line-height）.1.5表示是12px的1.5倍，即font: 12px;line-height: 1.5。也可以理解font-size:12px;line-height:1.5em，即字符高度的1.5倍。

网页设计中我们经常看见body{font-size: 62.5%;}这样的设置，62.5%这主要是为了方便em与px相互转换，em的初始值为1em=16px，显然这样的话，如1.2em则=19.2px，可是我们在设置的时候很少看见19.2px这样表示的大小，也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时，1em则=16px*62.5%=10px,1.2em则=12px，这就简单多了

◆CSS中em属性有如下特点
1.em的值并不是固定的；
2.em会继承父级元素的字体大小。
◆所以我们在写CSS的时候，需要注意
1.body选择器中声明Font-size=62.5%；
2.将你的原来的px数值除以10，然后换上em作为单位；
3.重新计算那些被放大的字体的em数值。避免字体大小的重复声明

◆px像素（Pixel），相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
用px来定义字体，就无法用浏览器字体放大的功能
◆em是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。