视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
CSS的font-weight怎么使用
2020-11-27 18:49:50 责编:小采
文档

如果我们需要对一段字体进行加粗,除了上次说的H标签,还有什么方法呢?今天就教大家怎样用CSS操作font-weight

CSS 加粗这里指的是通过DIV CSS控制对象的加粗。

使用CSS属性单词

font-weight

对象值:从100到900,最常用font-weight的值为bold

font-weight参数:

normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置

bold : 粗体。相当于number为700。也相当于b对象的作用

bolder : IE5+ 特粗体

lighter : IE5+ 细体

number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

详细基础加粗知识请进CSS手册中的font-weight手册。

Html常规加粗标签

以前html直接对对象加粗的标签如下:

<b></b>或<strong></strong>两者效果相同。

加粗实例,代码如下:

 <strong>我被加粗</strong><br />
<b>我也被加粗了</b><br/>

我未被加粗

CSS 加粗基础技巧实例

CSS 代码:

.yangshi1{ font-weight:bold}

.yangshi2{ font-weight:800}

Div html代码:

<span class="yangshi1">我被加粗</span><br />

<span class="yangshi2">我也被加粗了</span><br />

我未被加粗

CSS 加粗结果演示:

这里通过CSS来控制加粗文字方式来加粗对象。所以一般对文字对象加粗标题加粗即可使用此方法对其加粗。

总结与推荐:

1、在html对对象直接加粗可以用<b>或<strong>对其加粗

2、使用CSS加粗对象可以使用font-weight:bold即可实现加粗。

CSS操作font-weight的方法就这么多,有需要的朋友可以保存一下,也请大家持续关注本站的其他更新。

相关阅读:

CSS里怎么清除浮动

用CSS来操作border的小技巧

链接样式怎么用CSS设置

下载本文
显示全文
专题