频 道 直 达 - 新闻 - 培训 - 软件 - 教程 - 前沿 - 组网 - 系统应用 - 安全 - 编程 - 存储 - 操作系统 - 数据库 - 服务器 - 专题 - 产品 - 案例库 - 读书 - 博客 - BBS
51CTO.COM_中国最大的网络技术网站
找资料:

1.6.1 设定一个中间的关键字基准值

作者: (美)Dan Cederholm著/常可译 出处:清华大学出版社  2008-01-16 12:38    砖    好    评论   进入论坛
阅读提示:《无懈可击的Web设计》提供了基于Web标准的网页设计策略,以帮助您创建出具有高度灵活性、可读性以及用户可控性的网站。第一章主要介绍的是使用关键字和百分比来设定页面文字的大小,以允许用户控制并实现最大程度的灵活性。本文说的是设定一个中间的关键字基准值。

1.6 结合使用关键字和百分比值

要更好地利用将关键字和百分比值结合使用的优势,必需牢记一些规则。下面的内容,对于该如何正确地调整百分比值应该有所帮助,我们还要提出一个针对嵌套使 用百分比的警告。
1.6.1 设定一个中间的关键字基准值

在设定基准文字大小时,有一个有用的诀窍,即用一个包围所有对象的<div>来 帮助调整关键字值。多数情况下,在建立基于 CSS 的布局时,我们都会出于各种和设 计相关的理由,使用一个<div>(参见第 8 章)在基准关键字之上设定一个能影响整个页 面的百分比值。

例如,现在准备处理如下 H T M L 代码:

<body>

<div id="container">
<h1>This is a Title</h1>
<p>This is body text at default base size.</p>
</div>
</body>

如同本章前面完成的那些工作一样,我们可以设置一个基准关键字值,以及一个 有较大百分比值的<h1>对象:

body {
font-size: small;
}
h1 {
font-size: 150%;
}

但是如果我们感觉small值相对于我们的喜好还偏大了一点(在浏览器的默认设置情 况下查看时),我们可以通过给 #container 这个包围了页面上所有文字的对象设置一 个百分比,来让这个基准值实际上变小一些:

body {
font-size: small;
}
h1 {
font-size: 150%;
}
#container {
font-size: 95%;
}

如图 1 - 9 所示,文字从默认大小减下来了一些,同样也影响到了大标题文字。

图 1-9 这里是使用基准关键字值 small,

和将容器的文字大小设定为 95% 后的显示效果的比较

图 1-9 中,第一张图显示的是添加了规则使得 #container 的 font-size 被渲染为 95% 时的效果,第二张图则是页面在只使用关键字值 small 时的效果。两者的差别 其实很小。

当想用到一个介于两个关键字值之间的文字大小时,这便是一种很有用的方法, 能够更佳精确地设定大小值。使用这个包围了整个页面的<div>,可以在关键字的基 础上增大或者减小,实现自定义的基准文字大小。

我们最好是别追究太细节的东西,然而,不同的浏览器 - 系统平台的组合之间总是 可能存在微小的显示差别。但重要的在于,用户仍然可以通过浏览器内置的功能控制文字大小 。

【责任编辑:董书 TEL:(010)68476606】

回书目   上一节   下一节
专题
企业Web安全威胁在线评估系统
Web 2.0基础知识大全
Websphere入门
项目实践精解:基于Struts-Spring-Hibernate的Java应用开发
世纪枭雄比尔盖茨的王者传奇
我也说两句

匿名发表

(如果看不清请点击图片进行更换)


中 国 最 大 的 网 络 技 术 网 站 ·
技 术 成 就 梦 想
订阅技术快讯
电子杂志下载
名称:SQL Server数据库管理精品黄皮书
简介:书中文章经过精挑细选,便于用户能根据自己的实际工作和学习,快速在本书寻找到相关资料。内容涵盖了SQL Server的安装与升级、语句查询、数据备份和恢复、自动化任务、数据同步、数据字典、安全和预防、性能和优化、集群等各方面应用信息,以及DBA管理人员在数据库管理工作中
名称:2007路由技术大全
简介:《2007路由技术大全》由51CTO.com网站特别策划制作,该书包括路由器技术、路由器产品、路由器配置、安全设置、路由器故障处理、路由器密码恢复,以及广大网友在实践使用中的心得经验和技巧文章,内容注重实用性,适用于初学者入门,也适合多年从业者提高,是一本实践和理论完
名称:网络安全精品应用黄皮书
简介:《2007精品网络安全黄皮书》包括了9个大类24个小类, 800余篇文章,内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范,涉及到了安全应用的全部领域, 由浅至深内容全面。
世纪枭雄比尔盖茨的王者传奇
世纪枭雄比尔盖茨的王者传奇
虚拟化技术还有点“虚”
虚拟化技术还有点“虚”
ASP.NET开发教程
ASP.NET开发教程
· ASP.NET开发教程
· 专题:ASP.NET 2.0基础..
· LAMP技术精解
· 服务器节能与绿色IT
· ARP攻击防范与解决方案
· Linux 集群技术专题
· Windows集群服务应用
· CISSP认证成长之路
· SQL Server 2008/2005..
· SQL Server入门到精通
· 网络工程师职业规划与..
· 浏览器的战国时代
· 运营商封堵ADSL共享 中..
· 微软出价446亿美元收购..
· 技术人求职简历完备手册
· 开源虚拟化技术Xen
ARP攻击防范与解决方案
ARP攻击防范与解决方案
SQL Server 2008/2005全解
SQL Server 2008/2005全解
SOA 面向服务架构
SOA 面向服务架构
· SOA 面向服务架构
· SQL Server 2008/2005..
· Apache技术专题
· 三层交换技术专题
· SQL Server入门到精通
· Apache技术专题
· Windows集群服务应用
· 国际文档格式标准开战
· 路由器设置与口令恢复
· Linux 集群技术专题
· PHP开发应用手册
· SOA 面向服务架构
· 企业数据恢复指南
· 了解统一威胁管理(UTM)..
· 专题:AIX操作系统管理..
· 访问控制列表(ACL)介绍
ARP攻击防范与解决方案
ARP攻击防范与解决方案
SQL Server 2008/2005全解
SQL Server 2008/2005全解
SQL Server入门到精通
SQL Server入门到精通
· SQL Server入门到精通
· SQL Server 2008/2005..
· SOA 面向服务架构
· Apache技术专题
· 三层交换技术专题
· Apache技术专题
· 企业数据恢复指南
· Windows集群服务应用
· 路由器设置与口令恢复
· Linux 集群技术专题
· SOA 面向服务架构
· 了解统一威胁管理(UTM)..
· 反垃圾邮件技术应用
· 访问控制列表(ACL)介绍
· ASP.NET开发教程
· PHP开发应用手册