[分享]css中h3标签字体不加粗

在CSS中，使用h3标签时，其字体通常都是加粗的。但有时候我们可能需要把h3标签的字体设置为不加粗，该怎么做呢？ 首先，我们需要先了解一下如何设置CSS字体的加粗属性。通常情况下，我们可以使用font...

在CSS中，使用h3标签时，其字体通常都是加粗的。但有时候我们可能需要把h3标签的字体设置为不加粗，该怎么做呢？
首先，我们需要先了解一下如何设置CSS字体的加粗属性。通常情况下，我们可以使用font-weight属性来设置字体是否加粗。该属性的属性值包括：normal（默认值，不加粗）、bold（加粗）、bolder（更加加粗）、lighter（变得更加轻）、100-900（数值越大，字体越粗），其中常用的属性值为normal和bold。
接下来，我们就可以针对h3标签进行设置了。以下是一段示例代码，搭配pre标签使用：

 h3 {
        font-weight: normal;
    } 

以上代码表示将h3标签的字体设置为不加粗，即属性值设为normal。我们也可以将其简写为：

 h3 {
        font-weight: 400;
    } 

由于normal的属性值为400，因此这两段代码的效果是一致的。
需要注意的是，如果在CSS中已经针对h3标签设置了字体加粗的属性，我们需要覆盖前面的设置，才能使字体变得不加粗。以下是示例代码：

 h3 {
        font-weight: normal !important;
    } 

其中，!important表示重要性，可使该属性值覆盖前面的设置。但出于代码可读性和维护性的考虑，我们应尽可能避免使用!important。如果可能的话，尽量使用更加具体的选择器来进行设置。
总之，在CSS中使h3标签字体不加粗，只需要将字体加粗的属性值设置为normal或者400即可。如有必要，可以使用!important来覆盖前面的设置。