1.5 有了灵活基础后的操作
迄今为止，我们已经探究了如何给整个页面设置一个单一的 font-size。自然地，我们会想让某些对象能够显示不同的文字大小—— 大标题，列表，小标题，导 航栏，表格—— 每个对象应该都要能够具有和默认值不同的文字大小。但是处理声明 文字大小(无论是比基准值大还是小)的最好方法呢？
我将推荐一个我曾经用得很成功的方法，它容易掌握，我认为用这种方法可以很 容易地在贯穿整个网站生命周期的过程中随时修改、添加或者编辑文字大小的设定。
1.5.1 设置基准值
我们惟一要在样式表中设置的表示“绝对大小”的关键字值，就是<body>对象 中的基准值，我们这一整章都要讨论这个问题。
body {
font-size: small;
}
|
我们可以注意到这两张图中的显示效果很接 近( 图 1 - 5 ) 。显然对于不同的浏览器，显示效果 会有些微小的不同，这取决于该软件如何渲染每个 关键字。但从大体上讲，使用 small 作为基准大 小看起来的效果和使用 12px 差不多(倘若用户没 有更改浏览器的默认设置)。有时这样能有助于设 计者在刚开始使用关键字值时找到某些似曾相识的感觉 。
注意：要让页面显示效果看起来一致，您可能还得选择添加上针 对IE5/Win 的框模型Hack，前面刚刚讨论过。
因为<h1>对象总是包含在<body>对象的里面，所以我们能保证它的文字大小将是small 的 150%(图 1-7)。
 |
| 图 1-7 这里对象的文字大小被设定为基准值 small 的 150% |
同样地，您还可能想将某些段落里的文字变得比默认值小，本例中就是比 small还要小。如图 1- 8 所示，我创建了一个类 note 并将它赋予一个小段落。
<p class="note">This is the "note" class that I¡¯d like to appear slightly smaller than default text.</p>
因为打算将这个段落的文字大小设定得比默认值小一些，所以添加了一个声明， 使用小于 100 的百分比值来减小默认值。
.note {
font-size: 85%;
}
|
可以看到，我们能给页面上任何对象赋予百分比值，不管是比<body>中设定的基 准值大还是小。
 |
| 图 1-8 这个 note 类的文字大小被设定为基准值 small 的 85%(以及灰色) |
例如，一个简化的，将某些对象的文字大小设定为百分比值后的样式表看起来就 是这样 ：
body {
font-size: small;
}
h1 {
font-size: 150%;
}
h2 {
font-size: 130%;
}
h3 {
font-size: 120%;
}
ul li {
font-size: 90%;
}
.note {
font-size: 85%;
}
|
我们给三个层级的大标题对象声明了递减的值，使无序列表项的文字稍微小一些， 另外还建立了一个类 note，用于指定给任何我们希望具有比默认值小的文字的那些对 象。这还是一个很初步的示例，但是足够清楚地描述了两个步骤：设定一个基准关键 字值，然后对于其他对象，使用百分比值来增大或减小文字。于是，当基准值改变 后，各个对象的文字大小也会相应改变。
使用这种基准值 + 百分比值模型的一个很大的优势是：当想改变默认的页面文字大 小时，只需要惟一地改变<body>对象里的声明。其他每个被赋予了百分比值的对象的 文字大小都受这个顶级对象的管辖。所以当 small 被改为 large 后，其他各个对象的 文字大小将会依次地按比例改变。显然，这么做很顺手，即使用别的单位来指定基准值。 因为同样的理由，想要用自己创建的样式表覆盖网站提供的默认样式的用户也会觉 得更容易。只需要针对您的基准大小修改一条规则，就能依次成比例地改变整个页面。
| 回书目 上一节 下一节 |
|
· Linux笔试面试题选摘测.. · 08年5月软考网管上午真.. · 性能测试从零开始 目录 · 08年5月软考网工上午真.. · 上周拒绝服务攻击（DDo.. · 08年5月各大网上书店及.. |
· 2008年5月24日软考试题.. · 软件设计师专家临考模.. · 上周网络管理员专家自.. · 网络工程师自测获奖名.. · 08年4月各大网上书店及.. · 系统分析师自测获奖名.. |
|
|||
| 名称：SQL Server数据库管理精品黄皮书 简介：书中文章经过精挑细选，便于用户能根据自己的实际工作和学习，快速在本书寻找到相关资料。内容涵盖了SQL Server的安装与升级、语句查询、数据备份和恢复、自动化任务、数据同步、数据字典、安全和预防、性能和优化、集群等各方面应用信息，以及DBA管理人员在数据库管理工作中 |
|||
| 名称：2007路由技术大全 简介：《2007路由技术大全》由51CTO.com网站特别策划制作，该书包括路由器技术、路由器产品、路由器配置、安全设置、路由器故障处理、路由器密码恢复，以及广大网友在实践使用中的心得经验和技巧文章，内容注重实用性，适用于初学者入门，也适合多年从业者提高，是一本实践和理论完 |
|||
| 名称：网络安全精品应用黄皮书 简介：《2007精品网络安全黄皮书》包括了9个大类24个小类， 800余篇文章，内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范，涉及到了安全应用的全部领域, 由浅至深内容全面。 |
|
||||
| · SOA 面向服务架构 · SQL Server 2008/2005.. · Apache技术专题 · 三层交换技术专题 · SQL Server入门到精通 · Apache技术专题 · Windows集群服务应用 · 国际文档格式标准开战 |
· 路由器设置与口令恢复 · Linux 集群技术专题 · PHP开发应用手册 · SOA 面向服务架构 · 企业数据恢复指南 · 了解统一威胁管理(UTM).. · 专题：AIX操作系统管理.. · 访问控制列表(ACL)介绍 |
|||
|
||||
| · SQL Server入门到精通 · SQL Server 2008/2005.. · SOA 面向服务架构 · Apache技术专题 · 三层交换技术专题 · Apache技术专题 · 企业数据恢复指南 · Windows集群服务应用 |
· 路由器设置与口令恢复 · Linux 集群技术专题 · SOA 面向服务架构 · 了解统一威胁管理(UTM).. · 反垃圾邮件技术应用 · 访问控制列表(ACL)介绍 · ASP.NET开发教程 · PHP开发应用手册 |
|||
