如何利用CSS控制文本属性
网络整理 - 07-27
利用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
可还以分别赋值sub或super将垂直对齐属性用于下标和上标(列表C):