玩转CSS样式，让文字不再普通！

在前端开发中，CSS 样式表是用来控制网页显示风格的工具。其中，文字样式是 CSS 中非常重要的一个部分，它可以控制文字的字体、大小、颜色、粗细、倾斜等。本文将介绍 CSS 中常用的文字样式，帮助您轻松实现美观且富有表现力的文字排版。

1. 字体（font-family）

字体是文字显示的样式，CSS 中提供了多种字体供您选择。您可以使用 font-family 属性来指定要使用的字体。例如：

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

在上面的代码中，我们将段落（

）的字体设置为 Arial、Helvetica 或其他无衬线字体。浏览器会依次尝试使用 Arial、Helvetica 字体，如果都没有安装，则使用无衬线字体。

2. 字号（font-size）

字号是指文字的大小，CSS 中可以使用 font-size 属性来指定字号。字号的单位可以是像素（px）、磅（pt）或百分比（%）。例如：

p {
  font-size: 16px;
}

在上面的代码中，我们将段落（

）的字号设置为 16 像素。

3. 字色（color）

字色是指文字的颜色，CSS 中可以使用 color 属性来指定字色。字色的值可以是十六进制颜色代码、RGB 颜色值或颜色名称。例如：

p {
  color: #ff0000;
}

在上面的代码中，我们将段落（

）的字色设置为红色。

4. 字重（font-weight）

字重是指文字的粗细，CSS 中可以使用 font-weight 属性来指定字重。字重的值可以是数字（100~900）或（normal、bold、lighter、bolder）。例如：

p {
  font-weight: bold;
}

在上面的代码中，我们将段落（

）的字重设置为粗体。

5. 字形（font-style）

字形是指文字的倾斜度，CSS 中可以使用 font-style 属性来指定字形。字形的值可以是 normal（正常）、italic（斜体）或 oblique（倾斜）。例如：

p {
  font-style: italic;
}

在上面的代码中，我们将段落（

）的字形设置为斜体。

6. 行高（line-height）

行高是指文字行与行之间的距离，CSS 中可以使用 line-height 属性来指定行高。行高的值可以是像素（px）、磅（pt）或百分比（%）。例如：

p {
  line-height: 1.5em;
}

在上面的代码中，我们将段落（

）的行高设置为 1.5 倍于字号。

7. 文本对齐（text-align）

文本对齐是指文字在容器中的对齐方式，CSS 中可以使用 text-align 属性来指定文本对齐方式。文本对齐方式的值可以是 left（左对齐）、right（右对齐）、center（居中对齐）或 justify（两端对齐）。例如：

p {
  text-align: center;
}

在上面的代码中，我们将段落（

）的文本对齐方式设置为居中对齐。

8. 文本装饰（text-decoration）

文本装饰是指在文字上添加装饰线，CSS 中可以使用 text-decoration 属性来指定文本装饰。文本装饰的值可以是 none（无装饰）、underline（下划线）、overline（上划线）或 line-through（删除线）。例如：

p {
  text-decoration: underline;
}

在上面的代码中，我们将段落（

）的文本装饰设置为下划线。

以上是 CSS 中常用的文字样式，通过熟练运用这些样式，您可以轻松实现美观且富有表现力的文字排版。