1.2　权衡我们的选择

作者: (美)Dan Cederholm著/常可译 出处:清华大学出版社 　2008-01-16 12:38　   砖    好    评论  条 　进入论坛

阅读提示：《无懈可击的Web设计》提供了基于Web标准的网页设计策略，以帮助您创建出具有高度灵活性、可读性以及用户可控性的网站。第一章主要介绍的是使用关键字和百分比来设定页面文字的大小，以允许用户控制并实现最大程度的灵活性。本文说的是权衡我们的选择。

1.2　权衡我们的选择

除了使用像素作为单位，CSS 中还有几种方法可用来设定文字的大小。下面我们介绍可以选择方法的有哪些。

CSS 中的 font-size 属性的值可以分为四种类别。

1.2.1　长度单位

长度单位可以是相对的或绝对的。下面的这些是相对长度单位：

em：相对于父对象的文字大小

ex：相对于特定字体中的字母 x 的高度

px ：相对于特定设备的分辨率；是最常用的单位 绝对长度单位则仅在打印时，或者在浏览器和 / 或设备的物理尺寸和特性已知的情况下才比较有用：

in ：英寸

cm ：厘米

mm ：毫米

pt ：点

pc：12 点活

1 . 2 . 2 　表示“相对大小”的关键字

当使用相对大小的关键字时，只有两个可能值。

larger
smaller

这些值和父对象的当前设定值有关。制定Web 标准的组织W3协会(World Wide WebConsortium，W3C)对它们的说明是：例如，如果父元素的文字大小被设定为 medium， 那么使用关键字 larger 时将会把当前元素的字体大小增为 large 值。(更多信息，请参 见www.w3.org/TR/CSS21/fonts.html#font-size-props)。

我们可以像理解老式的HTML标签和那样来理解这两个关键字。它 们是设定文字大小的最基本方式，并会受到文档树中上层对象的文字大小设定的影响。

1.2.3　百分比值

使用百分比值所设定的大小，将在容器对象( 或者父对象) 的文字大小的基础上改 变。例如，设定一个值 120% ，将会使当前对象里的文字在其上层对象的文字大小设 定值(如果有)的基础上增大 20%，不管是什么单位。我们会把百分比值(以及关键字)作 为后面设计方案的一部分。
1 . 2 . 4 　表示“绝对大小”的关键字

这些关键字所实际对应的文字大小，由浏览器或设备决定。其取值一共有 7 个：

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

W3C 建议浏览器厂商将每个关键字之间的比例因子设为 1.5，并推荐让这个比例保持恒定，不管文字实际上被显示为多大。即，large 表示的大小会是 medium 的 1.5倍大，相应的，small 所表示的大小则是 medium 的 1.5 倍小。 像这样简单的语法只是使用表示绝对大小的关键字的优势之一，在本章后面几节中我们还会更加详细地考查它。
到目前为止，我们已经了解了 font-size 属性的所有可用的值，接下来，我们 就可以来讨论一种策略了，它将为用户提供一个灵活的浏览环境，允许他们控制文字大小 。

【责任编辑：董书 TEL：（010）68476606】

回书目   上一节   下一节