Builder.com.cn - Web技术 - 如何利用CSS控制文本属性

来源：百度文库编辑：神马文学网时间：2024/04/27 23:45:08

本文可以从TechRepublic下载，为便于复制，将代码放在了一个单独的文本文件中。
利用CSS可以对Web页面的可视部分进行广泛控制，可以调整页面高度和宽度，背景色和图象，边距，字体。不过，所有这些属性都不是新出现的，它们都可以使用标准HTML很简单地进行操作。
但是，CSS也包含了一些控制页面文本的新属性，这些属性在以前的标准HTML元素中不可以获得。使用这些属性可以对对齐，间距，修饰，行高和页面或文本大小写进行集中控制。
对齐控制
首先，文本对齐属性可用于块级元素如段落和标题等。该属性用来控制文本块的水平对齐，可以取值为：左对齐，右对齐，居中或最合适。下面是一个例子（列表A）：
列表A

The Rise and Fall of the Roman Empire

输出结果如图A所示：

图A

还可以通过垂直对齐属性使内嵌元素基于竖轴对齐。该属性的可能取值为：基线对齐，顶部对齐，居中对齐，底部对齐，文本底部对齐，所有这些取值都应该是自明的。列表B演示了一个例子，它将一幅图片与随后的文本块顶端对齐：
列表 B

Lorem ipsum dolor sit amet

输出结果如图B所示：

图 B

可还以分别赋值sub或super将垂直对齐属性用于下标和上标（列表C）：
列表 C

3rd place

输出结果如图C所示：

图C

缩排控制

声明：
Builder.com.cn（原ZDNet China应用开发频道）原创文章版权所有，未经许可严禁转载，且不构成投资建议。
近期相关报道：如何开发基于HTML格式的电子邮件系统 27/03/2007用CSS媒体类型满足观众需求 24/05/2007利用CSS准确控制页面和元素背景 23/04/2007CSS如何为同一个元素处理多种规则 20/03/2007使用CSS处理表格边框样式化 11/04/2007CSS选择符应用 11/04/2007利用CSS控制表格外观 09/03/2007如何利用CSS选择器查询和风格化Web元素 06/04/2007欢迎订阅Builder.com.cn技术圈 25/09/2006

Builder.com.cn - Web技术 - 如何利用CSS控制文本属性 Builder.com.cn - 编程 - 利用Anchor和Dock属性管理WinForm控件 Builder.com.cn - Web技术 - Web 2.0：打造开放参与的架构 Builder.com.cn - Web技术 - Web 2.0和无上下文数据 Builder.com.cn - 新闻 - Web攻击者隐藏性变得更高 Builder.com.cn - 管理&职涯 - 如何界定项目风险 CSS属性篇(五):文本属性巧用CSS动态控制文本的属性 Builder.com.cn - 编程 - 如何避免软件开发中不兼容的设计方法 Builder.com.cn-编程-避免六个常见的开发错误 Builder.com.cn-数据库-选择MySQL还是SQL Server Builder.com.cn - 新闻 - Ubuntu的成功之道 OSGi: Eclipse的根基 - 开发者在线 - www.builder.com.cn 利用CSS同比例缩小图片并且符合Web标准 Builder.com.cn-编程-Visual Studio 2005 中的新的 DataSet 功能 Builder.com.cn-管理职涯-优秀软件文档的必备要素 Builder.com.cn-管理职涯-注定失败职员的十大致命缺陷 Builder.com.cn - 数据库 - [Oracle]用OraKill结束失控的O... Builder.com.cn - 编程 - 在Spring中使用JDK Timer进行任务... CSS属性篇(一):css属性列表 CSS的常用技巧放送 - web开发 - CSDN技术中心 CSS和JavaScript标签style属性对照表（用javascript来控制css不再难了）怎样在同一页面内控制不同链接的CSS属性? 如何利用JBuilder2005开发Web应用程序