在网页设计中，文本是信息的主要载体。CSS提供了丰富的样式属性，用于控制文本的外观和布局。本章将介绍CSS中用于设置文本和字体样式的关键属性。
一、文本颜色（color）
color属性用于设置文本的颜色。可以使用颜色名称、十六进制颜色代码、RGB值、RGBA值、HSL值和HSLA值等方式定义颜色。
p {
color: #333; /* 设置段落文本颜色为深灰色 */
}
二、文本对齐（text-align）
text-align属性用于设置文本在块级元素中的水平对齐方式。可选值包括left、right、center和justify（两端对齐）。
div {
text-align: center; /* 将文本在div中居中显示 */
}
三、文本装饰（text-decoration）
text-decoration属性用于给文本添加装饰效果，如下划线、上划线和删除线。常用值有none、underline、overline和line-through。
a {
text-decoration: none; /* 去除链接的下划线 */
}
span {
text-decoration: line-through; /* 添加删除线 */
}
四、文本缩进（text-indent）
text-indent属性用于设置首行文本的缩进。通常使用像素值或em单位来定义缩进量。
p {
text-indent: 2em; /* 设置段落首行缩进两个字符宽度 */
}
五、行高（line-height）
line-height属性用于设置文本行之间的垂直间距，也称为行高。较大的行高会使文本更容易阅读。可以使用像素值、百分比或无单位值（如normal）来定义行高。
p {
line-height: 1.5; /* 设置行高为字体大小的1.5倍 */
}
六、字体样式（font-style）
font-style属性用于设置字体的风格，通常用于将文本设置为斜体。可选值有normal（正常）、italic（斜体）和oblique（倾斜）。
em {
font-style: italic; /* 将em元素中的文本设置为斜体 */
}
七、字体粗细（font-weight）
font-weight属性用于设置字体的粗细。可选值包括关键字（如normal、bold、bolder、lighter）和从100到900的数字值（其中400等价于normal，700等价于bold）。
strong {
font-weight: bold; /* 将strong元素中的文本加粗 */
}
八、字体大小（font-size）
font-size属性用于设置字体的大小。可以使用绝对单位（如px、pt）、相对单位（如em、rem、%）或预定义的关键字（如smaller、larger）来定义字体大小。
h1 {
font-size: 2em; /* 将h1元素中的文本大小设置为父元素字体大小的2倍 */
}
九、字体家族（font-family）
font-family属性用于指定字体。可以列出多个字体名称，用逗号分隔。如果浏览器不支持列表中的第一个字体，它会尝试使用列表中的下一个字体，依此类推。最后可以添加一个通用字体家族（如serif、sans-serif、monospace、cursive、fantasy）作为备选。
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* 设置网页字体 */
}
十、字体简写属性（font）
font属性是font-style、font-variant、font-weight、font-size、line-height和font-family的简写属性，允许你在一个声明中设置所有字体属性。
p {
font: italic bold 16px
暂无评论内容