用CSS灵活设置字体大小

用DIV+css来写网站结构也有一段时间，在此过程中发现有时候需要把字体设置成比12px，而比14px小的字体（13px在IE中无法区分出大小来和12px一样）。今天发现用 font-size:small; 可以很好控制好字体的大小。

　　首先设置一个基础值在标签中

body{font-size:small;}

　　以这个字体大小为基础，在其他标签中设置百分比

h1{font-size:120%;}
h2{ font-size:110%;}
note{font-size:80%;}

　　随着基础值的改变，其他字体也都会跟着改变，要修改的时候只需要修改body里的基础值。

　　用small作为基础值可以使用户根据喜好随意调整大小，用户的调整不影响整体字体的比例失调。同时，当你按下Ctrl+滚动鼠标中键时，还可以缩放页面的字体大小。