CSS：文本样式-用CSS改变文本的样式属性

CSS提供了丰富的文本样式属性，可以用来改变文本的外观，例如字体、颜色、字号、行高、字间距等。使用CSS可以自定义网站中的文本样式，以满足不同的设计需求。

字体

CSS中可以使用font-family属性来指定文本的字体。font-family属性可以接受一个或多个字体名称，当浏览器找不到指定的字体时，会使用备用字体。例如，下面的代码将文本的字体设置为Arial，如果浏览器找不到Arial字体，则会使用Helvetica字体。

font-family: Arial, Helvetica, sans-serif;

颜色

CSS中可以使用color属性来指定文本的颜色。color属性可以接受一个颜色值，颜色值可以是十六进制颜色代码、RGB颜色代码、HSL颜色代码或颜色名称。例如，下面的代码将文本的颜色设置为红色。

color: red;

字号

CSS中可以使用font-size属性来指定文本的字号。font-size属性可以接受一个绝对值（如12px）或一个相对值（如1.2em）。例如，下面的代码将文本的字号设置为12像素。

font-size: 12px;

行高

CSS中可以使用line-height属性来指定文本的行高。line-height属性可以接受一个绝对值（如1.2em）或一个相对值（如1.2）。例如，下面的代码将文本的行高设置为1.2倍的字体大小。

line-height: 1.2em;

字间距

CSS中可以使用letter-spacing属性来指定文本的字间距。letter-spacing属性可以接受一个绝对值（如1px）或一个相对值（如0.1em）。例如，下面的代码将文本的字间距设置为1像素。

letter-spacing: 1px;

文本装饰

CSS中可以使用text-decoration属性来为文本添加装饰线。text-decoration属性可以接受多个值，包括underline（下划线）、overline（上划线）、line-through（删除线）和none（无装饰）。例如，下面的代码为文本添加下划线。

text-decoration: underline;

文本对齐

CSS中可以使用text-align属性来指定文本的对齐方式。text-align属性可以接受多个值，包括left（左对齐）、center（居中对齐）、right（右对齐）和justify（两端对齐）。例如，下面的代码将文本居中对齐。

text-align: center;

文本缩进

CSS中可以使用text-indent属性来指定文本的首行缩进。text-indent属性可以接受一个绝对值（如1em）或一个相对值（如0.5em）。例如，下面的代码将文本的首行缩进1个字符。

text-indent: 1em;

文本换行

CSS中可以使用white-space属性来控制文本的换行方式。white-space属性可以接受多个值，包括normal（正常换行）、nowrap（不换行）和pre（预格式化）。例如，下面的代码使文本不换行。

white-space: nowrap;

文本阴影

CSS中可以使用text-shadow属性为文本添加阴影。text-shadow属性可以接受多个值，包括阴影的偏移量、阴影的颜色和阴影的模糊程度。例如，下面的代码为文本添加一个黑色、偏移量为2像素的阴影。

text-shadow: 2px 2px 5px black;

文本转换

CSS中可以使用text-transform属性来改变文本的大小写。text-transform属性可以接受多个值，包括uppercase（大写）、lowercase（小写）、capitalize（首字母大写）和none（不转换）。例如，下面的代码将文本全部转换为大写。

text-transform: uppercase;

总结

CSS提供了丰富的文本样式属性，可以用来改变文本的外观，例如字体、颜色、字号、行高、字间距等。使用CSS可以自定义网站中的文本样式，以满足不同的设计需求。