利用CSS控制文本属性

下载本文示例代码

利用CSS可以对Web页面的可视部分进行广泛控制，可以调整页面高度和宽度，背景色和图象，边距，字体。不过，所有这些属性都不是新出现的，它们都可以使用标准HTML很简单地进行操作。

但是，CSS也包含了一些控制页面文本的新属性，这些属性在以前的标准HTML元素中不可以获得。使用这些属性可以对对齐，间距，修饰，行高和页面或文本大小写进行集中控制。

对齐控制

首先，文本对齐属性可用于块级元素如段落和标题等。该属性用来控制文本块的水平对齐，可以取值为：左对齐，右对齐，居中或最合适。下面是一个例子（列表A）：

列表A

The Rise and Fall of the Roman Empire

输出结果如图A所示：

图A

图 B

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

列表 C

3rd place


输出结果如图C所示：

图C

利用CSS文字缩进属性的还可以控制段落首行缩放的字符数，缩放单位可以描述为点，百分比或ems。列表D中的例子，演示了对一个段落的首行缩放段宽的25%。

利用CSS可以对Web页面的可视部分进行广泛控制，可以调整页面高度和宽度，背景色和图象，边距，字体。不过，所有这些属性都不是新出现的，它们都可以使用标准HTML很简单地进行操作。

但是，CSS也包含了一些控制页面文本的新属性，这些属性在以前的标准HTML元素中不可以获得。使用这些属性可以对对齐，间距，修饰，行高和页面或文本大小写进行集中控制。

对齐控制

首先，文本对齐属性可用于块级元素如段落和标题等。该属性用来控制文本块的水平对齐，可以取值为：左对齐，右对齐，居中或最合适。下面是一个例子（列表A）：

列表A

The Rise and Fall of the Roman Empire

输出结果如图A所示：

图A

图 B

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

列表 C

3rd place


输出结果如图C所示：

图C

利用CSS文字缩进属性的还可以控制段落首行缩放的字符数，缩放单位可以描述为点，百分比或ems。列表D中的例子，演示了对一个段落的首行缩放段宽的25%。

下载本文示例代码


利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性利用CSS控制文本属性

阅读(193) | 评论(0) | 转发(0) |

0

上一篇：CSS定义网页标题方法举例

下一篇：给光标添加CSS样式的方法