CSS（层叠样式表）是用于控制网页样式和布局的语言。它能够让我们对网页中的文本进行丰富的样式设计，从而提升网页的视觉效果和用户体验。以下是对CSS中文本属性的详细介绍。
字体系列（Font Family）
字体系列是定义文本使用哪种字体的属性。在CSS中，可以通过font-family属性来设置。通常，我们会为一个元素指定多个字体，以确保在用户设备上没有首选字体时，能够回退到其他字体。
body {
font-family: 'Arial', sans-serif;
}
在这个例子中，如果用户的设备上没有安装Arial字体，浏览器将使用系统默认的无衬线字体（sans-serif）。
字体大小（Font Size）
font-size属性用于设置文本的字体大小。字体大小可以以多种单位来指定，如像素（px）、点（pt）、相对单位（em、rem）等。
h1 {
font-size: 2em; /* 相对于父元素的字体大小 */
}
字体粗细（Font Weight）
font-weight属性用来定义文本的粗细程度。它可以设置为不同的数值或关键字，如normal、bold、bolder、lighter或具体的数值（100-900）。
strong {
font-weight: bold;
}
字体风格（Font Style）
font-style属性用来设置文本的倾斜样式，通常有normal、italic和oblique三个值。
em {
font-style: italic;
}
文本颜色（Color）
color属性用来定义文本的颜色。颜色可以用颜色名（如red）、十六进制值（如#ff0000）、RGB（如rgb(255, 0, 0)）等来指定。
p {
color: #333; /* 深灰色 */
}
文本对齐（Text Align）
text-align属性用于设置文本的水平对齐方式，它可以取left、right、center和justify等值。
p {
text-align: justify; /* 两端对齐 */
}
行高（Line Height）
line-height属性用来设置行与行之间的间距，即行高。它可以是数字（相对于字体大小的倍数）、具体的长度值或百分比。
p {
line-height: 1.6; /* 相对于字体大小的1.6倍 */
}
字间距（Letter Spacing）
letter-spacing属性用来调整字符之间的间距。它可以接受具体的长度值，也可以是正常（normal）。
h1 {
letter-spacing: 2px; /* 字符间距为2像素 */
}
文本装饰（Text Decoration）
text-decoration属性用于设置文本的装饰效果，如下划线、上划线、线-through等。
a {
text-decoration: none; /* 去除链接的下划线 */
}
文本转换（Text Transform）
text-transform属性用来控制文本的大小写，它可以设置为none、capitalize、uppercase和lowercase。
h1 {
text-transform: uppercase; /* 所有字母大写 */
}
文本阴影（Text Shadow）
text-shadow属性为文本添加阴影效果，可以指定阴影的水平偏移、垂直偏移、模糊半径和颜色。
h1 {
text-shadow: 2px 2px 4px #000000; /* 黑色阴影 */
}
白空间（White Space）
white-space属性用于设置如何处理元素内的空白字符。它可以取normal、nowrap、pre等值。
pre {
white-space: pre; /* 保留空白符和换行符 */
}
单词断行（Word Break）
word-break属性用来控制单词是否可以在元素内换行。它可以设置为normal、break-all和keep-all。
p {
word-break: break-all; /* 单词可以在任意位置换行 */
}
文本方向（Direction）
direction属性用来设置文本的阅读方向，通常有ltr（从左到右）和rtl（从右到左）两个值。
body {
direction: rtl; /* 从右到左阅读 */
}
结论
CSS提供了丰富的文本属性，使得开发者可以对网页中的文本进行细致的控制和美化。通过合理运用这些属性，可以创造出既美观又易于阅读的网页文本。掌握这些属性的使用，对于前端开发者来说，是提升网页设计质量的重要技能之一。
