CSS教程（第五章）：CSS中的文本与字体样式

在网页设计中，文本是信息的主要载体。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