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时，好像丢失掉了。现在重发一次。
- 相关文章
- 使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式开源字体整理合集(部分不可商用)修改本站position:absolute下的宽度BUG网页安全字体的设置用css控制中文字与英文字的间距25个优秀激发灵感的暗色调 CSS Web 设计流行字体设计欣赏niftycube造成position:relative失败?回归原始，尽量使用XHTML标签默认属性CSS中的max-width和min-width利用css样式中的expression来攻击[转载]根据时段自动切换你的站点CSS风格CSS hack浏览器兼容一览表CSS Hack汇总快查[转载]表单的CSS设计(css form design)通过CSS控制图片自动缩小CSS中expression使用简介重新制作了本BLOG的CSS
当前共有0条评论，我也要发表：