CSS字体大小单位

若是一个元素没有显示定义font-size的属性，则会自动继承父元素的font-size属性的计算结果。

定义font-size时，能够使用预约义关键字、绝对尺寸、相对尺寸。

预约义关键字

xx-small < x-small < small < medium < large < x-large < xx-large 

尺寸按顺序依次增大，相似于衣服的尺寸。

缺点：

• 只有7种选择
• 不一样浏览器下，文本的大小可能不一样

绝对尺寸

• px：像素，用于屏幕媒体，一个像素等于电脑屏幕上的一个点
• pt：点，用于印刷媒体，一个点等于一英寸的1/72
• in：英寸
• cm：厘米
• mm：毫米

使用绝对长度单位，在固定分辨率的显示器下，显示出来的都是固定大小。

相对尺寸

• em：参考基准是父元素，1em等于父元素font-size属性的值
• %：参考基准是父元素，100%等于父元素font-size属性的值
• rem：参考基准是文档的根元素（即html元素），1rem等于html元素font-size属性的值。注：rem是CSS3新增的一个相对单位，IE9如下版本不支持。

其余单位

• vw（viewpoint width）：视窗宽度，1vw等于视窗宽度的1%
• vh（viewpoint height）：视窗高度，1vh等于视窗高度的1%
• vmin：取vw和vh中较小的那个
• vmax：取vw和vh中较大的那个

在某些特殊场景下，须要把font-size的值设置为0来隐藏某些文本。可是在IE6和IE7中，font-size设置为0的文本却变成了小黑点，并无彻底隐藏。

解决：设置text-indent属性的值为一个很大的负数，使文本显示在屏幕以外。