一、使用html 加粗标签
使用b标签或strong标签即可对文字粗体。
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>二、使用CSS样式实现文字粗体显示 - TOP
div+css布局中,使用css样式实现文字字体粗体比较多的,只需要对对象设置一个粗体样式属性即可实现文本粗体,又称为css文字粗体。
1、css粗体样式基础
1)、单词与介绍
font-weight,值为可以为从100到900,和bold,最常用font-weight的值为bold,也是所有浏览器均兼容。
2)、css 粗体语法:
div{font-weight:bold}这样就让所有div对象内文字字体加粗
设置或检索对象中的文本字体的粗细
normal:
正常的字体。相当于数字值400
bold:
粗体。相当于数字值700。
bolder:
定义比继承值更重的值
lighter:
定义比继承值更轻的值
font-weight:bold
当鼠标点击字上之后变色加粗,点其他的又变为原样,是设置错误造成的,解决方法如下:
1、首先就是打开Sublime Text编辑器,新建一个HTML页面,并添加HTML结构,如下图所示。
2、然后在body区域添加字体,注意放在一个div里面,如下图所示。
3、接下来就可以在CSS中用font-weight进行加粗设置了,只需要设置bold就可以了,如下图所示。
4、另外font-weight还可以被设置为从100到900的数值,数字越大越粗,如下图所示。
5、最后当font-weight被设置为100的时候,字体是最细的,如下图所示。