CSS 粗体字重

介绍

在CSS中，粗体字重是一种样式，用于凸显文本内容，使其更加突出。粗体字重通常由 font-weight 属性控制，并可以设置为常见的值（100到900），也可以使用关键字（如bold）。

用法

设置文字粗度

通过 font-weight 属性设置文字的粗度。可用的值由100到900，数字越大，文字粗度越大。例如：

p {
  font-weight: 700;
}

使用关键字

除了数字值外，CSS还支持几个关键字来作为 font-weight 属性值。以下是最常用的三个：

• normal：普通的字体宽度（等同于400）
• bold：粗体字重（等同于700）
• bolder：更加粗的字体宽度

p.normal {
  font-weight: normal;
}

p.bold {
  font-weight: bold;
}

p.bolder {
  font-weight: bolder;
}

数值和关键字的组合

可以将数字和关键字组合使用。例如，设置细斜体：

p {
  font-weight: 300;
  font-style: italic;
}

后代选择器

可以使用后代选择器来设置某个元素的粗度。例如，将所有标题元素H1的粗度设置为700：

body {
  font-family: sans-serif;
}

h1 {
  font-weight: 700;
}

总结

总而言之，粗体字重是CSS中的一种文本样式，通过 font-weight 属性来实现。可以使用数字或关键字来设置粗度，也可以与其他样式组合使用。粗体字重是突出文本内容的有力工具，可用于不同的文本元素和场景中。