CSS |字体

CSS（层叠样式表）提供了丰富的选择来控制字体样式。使用CSS，程序员可以设置字体的类型、大小、颜色、行高等属性。

字体类型

在CSS中，使用font-family属性来设置字体类型。常见的字体类型包括serif（衬线体）、sans-serif（无衬线体）、monospace（等宽字体）等。

p {
  font-family: 'Times New Roman', serif;
}

这将设置<p>元素中的文本字体为'Times New Roman'和其他衬线体字体。

字体大小

使用font-size属性来控制字体大小。可以使用相对大小（如em和rem）或绝对大小（如px和pt）来设置字体大小。

h1 {
  font-size: 2em;
}

p {
  font-size: 16px;
}

这将设置<h1>元素中的文本字体大小为父元素字体大小的2倍，设置<p>元素中的文本字体大小为16像素。

字体颜色

使用color属性来设置字体颜色。

p {
  color: blue;
}

这将设置<p>元素中的文本颜色为蓝色。可以使用颜色名称、十六进制颜色码或RGB颜色值来设置颜色。

行高

使用line-height属性来控制行高。行高可以使用相对大小或绝对大小来设置。

p {
  line-height: 1.5em;
}

这将设置<p>元素中的文本行高为父元素字体大小的1.5倍。

加粗和斜体

使用font-weight属性来控制字体加粗。值为bold表示加粗，normal表示不加粗。

p {
  font-weight: bold;
}

这将设置<p>元素中的文本加粗。

使用font-style属性来控制字体斜体。值为italic表示斜体，normal表示不斜体。

p {
  font-style: italic;
}

这将设置<p>元素中的文本斜体。

总结

以上是一些常见的CSS字体属性。在实际应用中，还可以使用更多属性来控制字体，例如字体变形、字间距、文本装饰等。通过合理使用这些属性，程序员可以为网页和应用程序创建出漂亮和易读的文本。