HTML字体要怎么加粗?

html-css038

HTML字体要怎么加粗?,第1张

一、使用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/htmlcharset=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/htmlcharset=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样式实现文字粗体两种方式,大家在实际使用时候根据需求选择粗体样式方式。

加粗:font-weight: bold

斜体:font-style: italic

font-style:设定字体样式。normal 默认/italic,oblique斜体;

font-weight:设定字体粗细。normal 默认/bold 粗体/bolder 比bold更粗/lighter 比较细的字体

font-size:设定字体大小。字体大小 可以用px表示 默认字体大小为 12px

font-family:设定字体/“微软雅黑”/“宋体”/“黑体”