一、使用html 加粗标签 - TOP
使用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>
2)、html粗体截图:
html粗体标签实现文字粗体加粗是针对那些有条件的人来说,很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的,为了让想学习的人可以更好的学习,给大家推荐一个裙,前面是6 1 1,中间是肆 二 8,最后面就是壹 四 二,这里有很多想学习的人和你一起交流,也有大牛每天晚上免费教学,想要学习的人都可以加入我们,但是我们只欢迎想学习的人,不是来学习,随便看看的就不要进了。
以上是使用两种粗体标签实现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样式实现文字粗体两种方式,大家在实际使用时候根据需求选择粗体样式方式。
css里文字加粗的步骤如下:
1、首先新建一个17.html。
2、然后输入html5标准声明。
3、输入后可以看到html网页的结构。
4、再在header标签中添加style层叠样式。
5、把body标签的文字加粗。
6、最后使用浏览器打开网页就可以看到字体加粗了,这样css里文字加粗的问题就解决了。
CSS字体加粗的方法:
font-weight 属性设置文本的粗细。使用 bold 关键字可以将文本设置为粗体。
例如:
html:
<p>字体加粗</p>
css:
p{
font-weight:blod
}
css中font样式常用的使用方法:
font-style:规定字体样式
font-weight:规定字体粗细
font-family:规定字体系列
两种方法给字体加粗,一种就是直接用<b>标签,例如 : <b>粗</b>
或者用css添加样式 <div style="font-weight: bold">加粗 </div>
可以用的值有下面这些。400 等同于 normal,而 700 等同于 bold。
normal 默认值
bold 定义粗体字符
bolder 定义更粗的字符
lighter 定义更细的字符
100
200
300
400
500
600
700
800
900