表示文字粗细的css属性是

html-css07

表示文字粗细的css属性是,第1张

html直接对对象加粗的标签如下：

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

还有一种是在css文字样式中对文字进行bai加粗（font-weight参数）：

font-weight参数：

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

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

bolder : IE5+　特粗体

lighter : IE5+　细体

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

1、分别对应语法如下：

<b></b>

<strong><strong>

2、应用案例

1）、html案例完整代码（可以拷贝测试）：

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html charset=utf-8" /> <title>粗体实现 DIVCSS5案例</title> </head> <body> 我是正常字体<br /> <b>我被b粗体</b><br /> <strong>我被strong粗体</strong> </body> </html> 

2）、html粗体截图：

html粗体标签实现文字粗体加粗

以上是使用两种粗体标签实现html文字粗体，字体加粗方法，希望大家能灵活掌握与应用。

二、使用CSS样式实现文字粗体显示   -   TOP

div+css布局中，使用css样式实现文字字体粗体比较多的，只需要对对象设置一个粗体样式属性即可实现文本粗体，又称为css文字粗体。

1、css粗体样式基础

1）、单词与介绍

font-weight，值为可以为从100到900，和bold，最常用font-weight的值为bold，也是所有浏览器均兼容。

2）、css 粗体语法：

div{font-weight:bold} 

这样就让所有div对象内文字字体加粗

2、粗体css案例

1)、加粗粗体案例HTML源代码（div+css布局案例）（大家可以拷贝使用和测试）

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html charset=utf-8" /> <title>粗体实现 DIVCSS5案例</title> <style> .bold{ font-weight:bold} </style> </head> <body> <div>我是正常字体</div> <div class="bold">我被font-weight粗体</div> </body> </html> 

2）、加粗案例截图

css样式font-weight粗体用法案例截图

三、关于字体文本粗体总结   -   TOP

样式粗体与html标签粗体 加粗方式

这里我们介绍HTML标签和CSS样式实现文字粗体两种方式，大家在实际使用时候根据需求选择粗体样式方式。

四、相关扩展阅读   -   TOP

1、html b加粗

2、html strong加粗

3、b与strong区别

4、css加粗

5、css font-weight

6、css去掉b strong加粗

7、css去掉h1 h2 h3 h4粗体