CSS small灵活设置字体大小 - studying,永不止步

CSS small灵活设置字体大小

 

 用CSS灵活设置字体：对于很多新手，经常将字体设置为12PX或者14PX等。但是发现有时候需要把字体设置成比12px，而比14px小的字体（13px在IE中无法区分出大小来和12px一样）。今天告诉大家一个解决的办法：用 font-size:small可以很好控制好字体的大小。

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

以下是引用片段：   body{font-size:small;}

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

以下是引用片段：   h1{font-size:120%;} h2{font-size:110%;} note{font-size:80%;}

随着基础值的改变，其他字体也都会跟着改变，要修改的时候只需要修改body里的基础值。用small作为基础值可以使用户根据喜好随意调整大

小，用户的调整不影响整体字体的比例失调。同时，当你按下Ctrl+滚动鼠标中键时，还可以缩放页面的字体大小。