font-weight 属性用于设置字体的粗细程度或者相对粗细程度。这个属性接受一个数字值或者一些预定义的关键词。以下是该属性的语法和取值:
selector {
  font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
}

  •  normal: 默认值,表示普通字体粗细。

  •  bold: 表示粗体字体。

  •  bolder: 相对于父元素更粗的字体。如果没有父元素,则与 bold 相同。

  •  lighter: 相对于父元素更细的字体。如果没有父元素,则与 normal 相同。

  •  数字值(100 到 900):表示绝对的字体粗细。常用的值为 100、200、300、400、500、600、700、800、900,数值越大,字体越粗。


示例:
/* 使用关键词设置字体粗细 */
p.normal {
  font-weight: normal;
}

p.bold {
  font-weight: bold;
}

/* 使用数字值设置字体粗细 */
p.medium {
  font-weight: 500;
}

/* 相对粗细设置 */
p.bolder {
  font-weight: bolder;
}

p.lighter {
  font-weight: lighter;
}

通过调整 font-weight 属性,你可以改变文本的粗细程度,以达到设计或排版的需求。


转载请注明出处:http://www.zyzy.cn/article/detail/4196/CSS