css3怎么设置粗细 |css 极速模式打开

在CSS3中，设置字体的粗细可以使用font-weight属性，该属性的值可以是一个数字或是一个单词。 数字值为100-900，表示不同的粗细程度，其中100为最细，900为最粗。单词值包括normal、bold、bolder、lighter四种，表示不同的相对粗细程度。 下面是一个示例代码，展示如何设置字体的粗细：

p {
font-weight: bold; /* 设置为“粗体” */ 
}
h1 {
font-weight: 300; /* 设置为“轻体” */
}
h2 {
font-weight: 800; /* 设置为“重体” */
}

子元素可以继承父元素的font-weight属性值，但也可以单独设置自己的字体粗细。可以使用inherit属性值，让子元素继承父元素的字体粗细属性。

div {
font-weight: bold; /* 设置为“粗体” */
}
div p {
font-weight: inherit; /* 继承父元素的“粗体”属性 */
}
span {
font-weight: 100; /* 设置为字体最细 */
}

在一些特殊情况下，大家需要设置字体的粗细为一个中间值，例如400。如果想要设置这种粗细程度，可以使用关键字“normal”。

p {
font-weight: normal; /* 设置为普通（中间）程度 */ 
}

通过合理使用font-weight属性，大家可以确保网页中的文本更加清晰易读，同时也可以达到更好的排版效果。