CSS文本外观属性详解

CSS文本外观属性是用于控制文本的外观和样式的属性，这些属性允许您更改文本的颜色、字体、大小、行高等，以及添加装饰效果，如下划线、删除线和文本阴影等，以下是CSS中常用的文本外观属性及其详细说明：

1、color：用于设置文本颜色，您可以使用颜色名称、十六进制、RGB、RGBA、HSL或HSLA值来定义颜色。

p {
  color: red;
}

2、font-family：用于设置文本的字体，您可以选择系统上的内置字体或使用自定义字体。

p {
  font-family: Arial, sans-serif;
}

3、font-size：用于设置文本的大小，您可以使用相对值（如larger、**aller）或绝对值（如px、em、rem等）。

p {
  font-size: 16px;
}

4、font-weight：用于设置文本的粗细，您可以选择正常、粗体、斜体或100、200、300等不同级别的粗细。

p {
  font-weight: bold;
}

5、font-style：用于设置文本的样式，如斜体。

p {
  font-style: italic;
}

6、text-decoration：用于添加文本装饰效果，如下划线、删除线和闪烁等。

p {
  text-decoration: underline;
}

7、text-transform：用于设置文本的大小写转换，您可以选择none、capitalize、uppercase或lowercase等值。

p {
  text-transform: uppercase;
}

8、letter-spacing：用于设置字符间距，您可以使用长度值或相对值（如normal）。

p {
  letter-spacing: 2px;
}

9、word-spacing：用于设置单词间距，您可以使用长度值或相对值（如normal）。

p {
  word-spacing: 2px;
}

10、line-height：用于设置行高，您可以使用长度值、相对值（如normal）或比例值（相对于字体大小）。

p {
  line-height: 1.5; /* 相对于字体大小的1.5倍 */
}