点击此处浏览总目录

font-weight

■ 定义

font-weight属性用于设置文字字体的粗细

■ 使用说明

属性值:

  normal: 默认值,不加粗

  bold: 定义粗体,加粗

  100-900:400等同于normal,而700等同于bold,注意这个数字后面不跟单位(推荐)

通过该属性,可让加粗标签(如<h>或<strong>)不加粗,或让其他标签加粗

实际开发中,更提倡用数字表示粗细

■ 示例

.bold {
    font-weight: bold;
}

.bold_num {
    font-weight: 700; /*等价于bold,实际开发中,更加提倡使用数字*/
}

.normal {
    font-weight: normal;
}

.normal_num {
    font-weight: 400; /*等价于normal,实际开发中,更加提倡使用数字*/
}
<p class="bold">加粗字体1</p>
<p class="bold_num">加粗字体2</p>

<p class="normal">正常字体1</p>
<p class="normal_num">正常字体2</p>

 

posted @ 2020-12-16 16:44  立业的博客  阅读(662)  评论(0编辑  收藏  举报