📜  font weightcss (1)

📅  最后修改于: 2023-12-03 15:30:50.145000             🧑  作者: Mango

简介

在CSS中,字体的重量(即粗细)可以通过font-weight属性来设置。该属性指定字体的粗细程度,可以设置成数值或预定义的关键字。

类型

数值

使用font-weight属性时,数值的范围从100到900,且必须是100到900的整数,其中100表示最轻,900表示最重。

p {
  font-weight: 500;
}
关键字

font-weight属性可以使用以下预定义关键字:

  • normal:默认值,相当于400
  • bold:相当于700
  • bolder:比父元素更加粗
  • lighter:比父元素更加细
p {
  font-weight: bold;
}

继承

font-weight属性可以被继承。如果在子元素中未指定font-weight,则继承自父元素。

兼容性

font-weight属性的兼容性非常好,几乎所有的现代浏览器都支持。但需要注意的是早期版本的浏览器使用数字值时需要加引号。

总结

  • font-weight 属性可以设置字体的粗细程度。
  • 可使用数值或预定义关键字。
  • 数值的范围从100到900,且必须是100到900的整数。
  • 关键字包括 normalboldbolderlighter
  • font-weight 属性可以被继承。
  • font-weight 的兼容性非常好。