CSS2.0教程：font-size文字大小属性值

[ 来源:http://www.it55.com | 作者:52CSS.com | 时间:2007-10-23 | 收藏 | 推荐 ] 【大中小】

用px作为文字大小的单位，虽然已经是绝大多数web设计者的习惯了，但同时也出现了不少的问题。这主要体现在用户不能灵活的控制文字的大小。对于年龄稍大或眼力不佳的用户来说，尤为明显。我们应该有所改进，不要求通过px为单位获得100%的精确性，我们需要获得更大的浏览器的可伸缩性与易用性，满足访客的需要。我们今天对font-size属性的值进行一些分析，看从中我们能得到一些什么启示。

一、长度单位

　　长度单位分为两种，一种是相对长度，另一种是绝对长度。
　　以下为三种相对长度单位：
　　◆ em 相对于父对象的大小
　　◆ ex 相对于特定字体中的字母x的高度
　　◆ px 相对于特定设备的分辨率，这是最最常用的单位，也是我们一直坚守的单位。从技术角度来说，px像素其实是一种相对大小的度量单位，它于特定设备的显示或打印的分辨率有关。例如，一个像素在被显示在计算机屏幕上与被打印在纸张上的大小是不同的。

　　以下为五种绝对长度单位：
　　绝对长度单位在打印时或在屏幕显示设备的物理尺寸已知时才比较有用。
　　◆ in 英寸
　　◆ cm 厘米
　　◆ mm 毫米
　　◆ pt 点
　　◆ pc 12点活字

二、相对大小的关键字

　　相对大小的关键字只有两个值：
　　◆ larger
　　◆ smaller
　　这两个值的设定与父对象的设定值有关。我们可以像理解老式的<small><big>那样来理解它们。它们是设定文字大小的最基本的方式，并会受到上层对象的文字大小定义的影响。

三、绝对大小的关键字

　　这类关键字共有7个，他们的实际大小根据不同的浏览器及设备来决定。

　　◆ xx-small
　　◆ x-small
　　◆ small
　　◆ medium
　　◆ large
　　◆ x-large
　　◆ xx-large

　　W3C建立建议浏览器开发公司，将每个关键字之间的比例设定为1.5。并推荐让这个比例保持恒定，妈medium是small的1.5倍。同样large是medium的1.5倍。

四、百分比

　　使用百分比设置大小，将在容器对象文字大小的基础上进行改变。如果我们设置body的文字大小为10。我们设置p的文字大小为150%，则p的文字大小就为15。不管10是什么样的单位，百分比作为一种比例进行缩放调整。

　　我们可以从更深层次去思考，我们将在52css.com以后的文章中进行发布，面对这些定义文字大小属性值的单位，我们如何为用户提供一个灵活的浏览环境，并允许他们按他们的意愿来控制文字的大小以更方便于浏览。