1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html中加粗的字体如何改细 css font-weight 属性设置文本字体的粗细

html中加粗的字体如何改细 css font-weight 属性设置文本字体的粗细

时间:2023-03-22 05:04:13

相关推荐

html中加粗的字体如何改细 css font-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

800

900

定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。

inherit

规定应该从父元素继承字体的粗细。

字体粗细font-weight属性值可以取100、200、…、900这九个值。400相当于正常字体normal,700相当于bold。100~900分别表示字体的粗细,是对字体粗细的一种量化方式,值越大就表示越粗,值越小就表示越细。

对于中文网页来说,一般仅用到bold、normal这两个属性值完全就可以了,粗细值不建议使用数值(100~900)。

cssfont-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 属性

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。