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>