本文可以从TechRepublic下载，为便于复制，将代码放在了一个单独的文本文件中。
利用CSS可以对Web页面的可视部分进行广泛控制，可以调整页面高度和宽度，背景色和图象，边距，字体。不过，所有这些属性都不是新出现的，它们都可以使用标准HTML很简单地进行操作。
但是，CSS也包含了一些控制页面文本的新属性，这些属性在以前的标准HTML元素中不可以获得。使用这些属性可以对对齐，间距，修饰，行高和页面或文本大小写进行集中控制。
对齐控制
首先，文本对齐属性可用于块级元素如段落和标题等。该属性用来控制文本块的水平对齐，可以取值为：左对齐，右对齐，居中或最合适。下面是一个例子（列表A）：
列表A
<html>
<head>
<style type="text/css">
.title {
text-align: right;
}
</style>
</head>
<body>
<h1 class=”title”>The Rise and Fall of the Roman Empire</h1>
</body>
</html>
输出结果如图A所示：
图A
还可以通过垂直对齐属性使内嵌元素基于竖轴对齐。该属性的可能取值为：基线对齐，顶部对齐，居中对齐，底部对齐，文本底部对齐，所有这些取值都应该是自明的。列表B演示了一个例子，它将一幅图片与随后的文本块顶端对齐：
列表 B
<html>
<head>
<style type="text/css">
.dummy {
vertical-align: text-top;
}
</style>
</head>
<body>
<p><img src=http://soft.zdnet.com.cn/software_zone/2007/0620/”img_3026.jpg” mce_src=http://soft.zdnet.com.cn/software_zone/2007/0620/”img_3026.jpg” height=”50″ class=”dummy” />Lorem ipsum dolor sit amet</p>
</body>
</html>
输出结果如图B所示：
图 B
可还以分别赋值sub或super将垂直对齐属性用于下标和上标（列表C）：
列表 C
<html>
<head>
<style type="text/css">
.super {
font-size: x-small;
vertical-align: super;
}
</style>
</head>
<body>
3<span class=”super”>rd</span> place
</body>
</html>
输出结果如图C所示：
图C
缩排控制
打印文档
推荐好友 
返回顶部
增大字体 
减少字体