font-weight 是 CSS 中用于设置字体的粗细程度(字重)的属性。这个属性可以接受以下几种值:

1. 数值: 可以使用数值来指定字体的相对粗细程度。常见的数值包括:
   - 100 ~ 900: 定义了 9 个不同的字重级别。400 通常被认为是正常字体,而 700 通常是粗体。
   - normal: 与 400 相同。
   - bold: 与 700 相同。
   .element {
     font-weight: 600;
   }

2. 关键字: 可以使用关键字来指定字体的粗细程度。常见的关键字包括:
   - normal: 正常字体,等同于数值 400。
   - bold: 粗体字体,等同于数值 700。
   - bolder: 比父元素更粗的字体。
   - lighter: 比父元素更细的字体。
   .element {
     font-weight: bold;
   }

3. initial 和 inherit: 分别将属性设置为其初始值和继承父元素的值。
   .element {
     font-weight: initial;
   }

   .element {
     font-weight: inherit;
   }

示例:
/* 使用数值定义字体粗细 */
.bold-text {
  font-weight: 700;
}

/* 使用关键字定义字体粗细 */
.normal-text {
  font-weight: normal;
}

通过使用 font-weight 属性,你可以调整文本的字体粗细,以满足设计或排版的需求。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6081/CSS