html中加粗的字体如何改细,cssfont-weight属性设置⽂本字体
的粗细
css font-weight介绍
在CSS中,font-weight属性⽤来定义字体粗细。font-weight属于css1版,所以所有主流浏览器都⽀持font-weight属性。
初学者要注意,字体粗细和字体⼤⼩(font-size)是不⼀样的,粗细指的是字体的“肥胖”,⼤⼩指的是⾼和宽。⼤家好好理解⼀下就很容易区分了。
语法:
font-weight:粗细值;
粗细值可以取关键字和100~900的数值。如下表。
值
描述
normal
默认值。定义标准的字符。
bold
定义粗体字符。
bolder
定义更粗的字符。
lighter
定义更细的字符。
100
200
300
400
500
600
700
100种不同的字体800
900
定义由粗到细的字符。400 等同于 normal,⽽ 700 等同于 bold。
inherit
规定应该从⽗元素继承字体的粗细。
字体粗细font-weight属性值可以取100、200、…、900这九个值。400相当于正常字体normal,700相当于bold。100~900分别表⽰字体的粗细,是对字体粗细的⼀种量化⽅式,值越⼤就表⽰越粗,值越⼩就表⽰越细。
对于中⽂⽹页来说,⼀般仅⽤到bold、normal这两个属性值完全就可以了,粗细值不建议使⽤数值(100~900)。
css font-weight实例
三段⽂字设置不同的字体粗细:p.normal {font-weight:normal;} p.light {font-weight:lighter;} p.thick {font-weight:bold;}
p.thicker {font-weight:900;} This is a paragraph.
This is a paragraph.
This is a paragraph.
This is a paragraph.
相关⽂章
CSS 参考⼿册: font 属性
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论