HTML字体要怎么加粗?

 我来答
匿名用户
2017-09-11
展开全部

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

匿名用户
2017-04-19
展开全部
在word里面实现文字加粗是一件轻而易举的事。我们直接点击加粗按钮就可以完成。但是在css里面没有加粗按钮呀,那么如何实现字体加粗呢?下面小编向大家简单介绍一下。

1.使用font-weight属性
一说到在CSS里实现加粗,大家第一反应是不是使用font-weight属性。没错,这是在CSS实现加粗的方法之一。
font-weight属性的值可以是: normal 、 bold、 bolder 、 lighter 、 number。
normal: 正常的字体,相当于number为400,声明此值将取消之前任何设置
bold: 粗体,相当于number为700,也相当于html b 加粗对象的作用
bolder: IE5+特粗体
lighter: IE5+细体
number: IE5+100|200|300|400|500|600|700|800|900
这个属性我们最常用的值是bold,当然你也可以实际需要调整number数值达到自己所需的效果。
实例:

效果:

看到这个效果,你是否有这样一个疑问:怎么数值900和bold的效果差不多呀?bold不是相当于数值700吗?这是因为加粗作用是由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
因为web前端开发在国内的火爆,所以很多人都开始自学web前端开发。但是如果一个人自学是很有难度的,可能花费了大量的时间和精力还未必可以收到效果。给你推荐一个裙,前端开发的前面是四 四五,前端开发的中间是IO 7,前端开发的后面是四 八 六。这里每天都有免费的课程可以学习,还有很多人和你一起进步,如果你是想学习的就赶紧加入,不想学习的就不要加咯.
2.html常规加粗标签
除了font-weight属性之外,我们还有方法对字体实施加粗吗?
我们先看看下面的代码:

运行:

嘿嘿!由上图我们可以看到运行效果跟font-weight属性差不多喔!因此我们可以得出:使用html标签<b></b>或<strong></strong>也能达到加粗的效果。
以上就是小编所知道的在CSS里面实现字体加粗的两种方法,两种方法都非常简单。学会以后,大家在日后的网页设置中就不愁如何加粗字体了。当然如果你还有其他实现字体加粗的方法,记得告诉小编,大家共同学习喔!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
缓步莫迟疑C
2013-03-25 · TA获得超过1.1万个赞
知道大有可为答主
回答量:6217
采纳率:73%
帮助的人:6499万
展开全部
可以用B标签,也可以通过样式font-weight:bold;来实现,如:
<B>加粗</B>

<span style="font-weight:bold;">加粗</span>
如果还有问题欢迎追问,问题解决请及时选为满意回答,谢谢.
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ezhiling
推荐于2018-09-20 · TA获得超过1448个赞
知道小有建树答主
回答量:807
采纳率:100%
帮助的人:456万
展开全部
从代码精简的角度来说不建议是用<B></B>模式,因为你加粗的应该不会是只有那么一个地方要加粗字体;

,通过CSS来设置,如h1{ font-size:14px; font-weight:800;}

这个之中font-weight是设置字体粗细的,后面的数字800是赋值,你可以如yanzilisan183回答的那样,直接用bold,也可以按照你自己的意愿进行粗细的调节,一般是整数,如100、200、...900等
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
班晴丽贸璎
游戏玩家

2020-01-10 · 非著名电竞玩家
知道小有建树答主
回答量:1.1万
采纳率:27%
帮助的人:682万
展开全部
在word里面实现文字加粗是一件轻而易举的事。我们直接点击加粗按钮就可以完成。但是在css里面没有加粗按钮呀,那么如何实现字体加粗呢?下面小编向大家简单介绍一下。
1.使用font-weight属性
一说到在CSS里实现加粗,大家第一反应是不是使用font-weight属性。没错,这是在CSS实现加粗的方法之一。
font-weight属性的值可以是:
normal

bold、
bolder

lighter

number。
normal:
正常的字体,相当于number为400,声明此值将取消之前任何设置
bold:
粗体,相当于number为700,也相当于html
b
加粗对象的作用
bolder:
IE5+特粗体
lighter:
IE5+细体
number:
IE5+100|200|300|400|500|600|700|800|900
这个属性我们最常用的值是bold,当然你也可以实际需要调整number数值达到自己所需的效果。
实例:
效果:
看到这个效果,你是否有这样一个疑问:怎么数值900和bold的效果差不多呀?bold不是相当于数值700吗?这是因为加粗作用是由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
因为web前端开发在国内的火爆,所以很多人都开始自学web前端开发。但是如果一个人自学是很有难度的,可能花费了大量的时间和精力还未必可以收到效果。给你推荐一个裙,前端开发的前面是四
四五,前端开发的中间是IO
7,前端开发的后面是四

六。这里每天都有免费的课程可以学习,还有很多人和你一起进步,如果你是想学习的就赶紧加入,不想学习的就不要加咯.
2.html常规加粗标签
除了font-weight属性之外,我们还有方法对字体实施加粗吗?
我们先看看下面的代码:
运行:
嘿嘿!由上图我们可以看到运行效果跟font-weight属性差不多喔!因此我们可以得出:使用html标签或也能达到加粗的效果。
以上就是小编所知道的在CSS里面实现字体加粗的两种方法,两种方法都非常简单。学会以后,大家在日后的网页设置中就不愁如何加粗字体了。当然如果你还有其他实现字体加粗的方法,记得告诉小编,大家共同学习喔!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(7)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式