css完美设计:灵活设置字体

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

首先设置一个基础值在<body>标签中
body{font-size:small;} 以这个字体大小为基础,在其他标签中设置百分比
h1{font-size:120%;}
h2{ font-size:110%;}
note{font-size:80%;}随着基础值的改变,其他字体也都会跟着改变,要修改的时候只需要修改body里的基础值。
用small作为基础值可以使用户根据喜好随意调整大小,用户的调整不影响整体字体的比例失调。
同时,当你按下Ctrl+滚动鼠标中键时,还可以缩放页面的字体大小。

在现在针对于网站友好性设计时,把字体的大小控制权交到用户的手上,这样有利于不同年龄段的人来阅读。比如老年人,可能跟本无法看清12PX的字体,但是可以通过滚动鼠标中键来放大字体。

这篇文章在我2007年01月中已提出,但去年12月份把BLOG从PJBLOG转到LXBLOG时,好像丢失掉了。现在重发一次。

相关日志

发表于:2008-03-03 06:03:50 at 06:03 分类:代码 发表评论 Tags:,

发表评论

(必填)

(必填)您的电子邮箱不会被公开。

正在加载信息...

Archives