CSS加粗(css font-weight)相关知识及实例

发布时间:2020-03-01编辑:脚本学堂
这里主要介绍有关字体加粗相关知识以及css实现字体加粗的例子,需要的朋友参考下。

DIV+CSS基础知识
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来控制加粗文字方式来加粗对象,因此一般对文字对象加粗标题加粗即可使用此方法。