如果一个元素没有显示定义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属性的值为一个很大的负数，使文本显示在屏幕之外。