css 样式-文本
CSS 文本属性可定义文本的外观。 通过文本属性,您可以改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进,等等。
属性 | 描述 |
---|---|
color | 文本颜色 |
direction | 文本方向 |
line-height | 行高 |
letter-spacing | 字符间距 |
text-align | 对齐元素中的文本 |
text-decoration | 向文本添加修饰 |
text-indent | 缩进元素中文本的首行 |
text-transform | 元素中的字母 |
unicode-bidi | 设置文本方向 |
white-space | 元素中空白的处理方式 |
word-spacing | 字间距 |
上面表格中的属性我们不会一一讲述,只讲述一些常用的属性,主要是让大家边学边练。其他内容大家可以自己测试,w3c 上面也可以查看每个属性的具体内容。
text-align
text-align
是一个基本的属性,它会影响一个元素中的文本行互相之间的对齐方式。它的前 3 个值相当直接,不过第 4 个和第 5 个则略有些复杂。
值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中。
西方语言都是从左向右读,所有text-align
的默认值是 left。文本在左边界对齐,右边界呈锯齿状(称为“从左到右”文本)。
text-indent
缩进文本 把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果。 CSS 提供了text-indent
属性,该属性可以方便地实现文本缩进。 通过使用text-indent
属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。 这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em。