CSS文字样式详解与应用

在Web开发中，CSS用于控制页面的布局和样式，文字样式更是其中的重要组成部分。本文将详细介绍CSS中的各种文字样式属性及其应用。

1. 水平对齐方式（text-align）

text-align属性用于设置元素中的文本水平对齐方式。常用值包括：

• left：内容左对齐。
• center：内容居中对齐。
• right：内容右对齐。
• justify：内容两端对齐，但对于被强制打断的行及最后一行不做处理。

  p {
      text-align: center;
  }
  

  2. 首行缩进（text-indent）

  text-indent属性用于设置段落首行的缩进。属性值可以是数值、em单位、百分比，甚至可以使用负值。建议使用em作为单位。

  p {
      text-indent: 2em;
  }
  

  3. 文本修饰（text-decoration）

  text-decoration属性用于对文本进行修饰。常用值包括：

• none：无修饰。
• underline：下划线。
• overline：上划线。
• line-through：贯穿线。

  a {
      text-decoration: underline;
  }
  

  4. 大小写转换（text-transform）

  text-transform属性用于控制文本的大小写。常用值包括：

• none：无转换。
• capitalize：每个单词的首字母大写。
• uppercase：所有字母大写。
• lowercase：所有字母小写。

  h1 {
      text-transform: uppercase;
  }
  

  5. 字符间距（letter-spacing）

  letter-spacing属性用于设置字符之间的空白（间距）。常用值包括：

• normal：默认间隔。
• length：具体的长度值，可以为负值。

  p {
      letter-spacing: 0.1em;
  }
  

  6. 单词间距（word-spacing）

  word-spacing属性用于设置单词之间的空白（间距）。常用值包括：

• normal：默认间隔。
• length：具体的长度值，可以为负值。

  p {
      word-spacing: 0.5em;
  }