CSS font-weight属性,字体粗细设置
font-weight属性
CSS中的font-weight属性可以设置HTML文档中文本的字体粗细,属性值可以是预定义的名称,也可以是数值类型,具体的可以参考下方的表格。
font-weight属性值
属性值 | 描述 |
---|---|
normal | 默认的值,定义标准字体粗细 |
bold | 粗体 |
bolder | 比较级,更粗的粗体 |
lighter | 更细的字体 |
100至900 | 定义又细到粗的字体,400相当于normal,700相当于bold |
inherit | 从父元素继承字体的粗细属性 |
font-weight属性实例代码,及在线编辑器
<p class='fw1'>bold字体</p>
<p class='fw2'>bolder字体</p>
<p class='fw3'>lighter字体</p>
<p class='fw4'>600字体</p>
<p class='fw5'>550字体</p>
<p class='fw6'>normal字体</p>
<style>
.fw1{font-weight:bold}
.fw2{font-weight:bolder}
.fw3{font-weight:lighter}
.fw4{font-weight:600}
.fw5{font-weight:550}
.fw6{font-weight:normal}
</style>