18、CSS文本格式化与选择器全解析

CSS文本格式化与选择器全解析

1. 文本格式化属性

除了影响字体的属性外，还有一些属性会影响文本的外观或格式。以下是一些常见的文本格式化属性：
| 属性 | 用途 |
| — | — |
| color | 指定文本的颜色 |
| text-align | 指定文本在其包含元素内的水平对齐方式 |
| vertical-align | 指定文本在其包含元素内的垂直对齐方式 |
| text-decoration | 指定文本是否应加下划线、上划线或删除线 |
| text-indent | 指定文本从左边界的缩进量 |
| text-transform | 指定元素内容应全部为大写、小写或首字母大写 |
| text-shadow | 指定文本应具有投影效果 |
| letter-spacing | 控制字母之间的间距（印刷设计师称为跟踪） |
| word-spacing | 控制每个单词之间的间距 |
| white-space | 指定空白字符应如何处理（折叠、保留或防止换行） |
| direction | 指定文本的流向（类似于 dir 属性） |

1.1 color属性

color 属性允许你指定文本的颜色。该属性的值通常是颜色的十六进制代码或颜色名称。例如，以下规则会使段落元素的内容变为红色：

p {
  color : #ff0000;
}

1.2 text