html5 css 字体加粗,HTML和CSS实现字体加粗的三种方法-程序员宅基地

技术标签: html5 css 字体加粗  

大家在浏览网站时有没有注意到,页面中有些文字或字体加粗了,正在学习HTML和CSS的小伙伴,你知道HTML如何给文字加粗吗?CSS怎么设置字体加粗呢?这篇文章给大家总结了给字体和文字加粗的三种方法,包括HTML中的加粗标签以及CSS字体加粗样式,有一定的参考价值,感兴趣的朋友可以参考一下。

给字体和文字加粗有三种方法,一种是CSS中的font-weight: bold样式,一种是HTML中的标签,最后一种是HTML中的标签。

方法1:用CSS中font-weight: bold样式给字体加粗

font-weight属性可以设置字体的粗细,当属性值为normal时,表示正常的字体,相当于number为400;当属性值为bold时,可以给字体粗体,相当于number为700,也相当于标签的效果。

实例描述:创建两个p标签,给其中一个标签一个class类名,便于对其进行CSS样式设置。将font-weight: bold属性添加到有类名的p 标签上,对比两个p标签,看看有什么不同,具体代码如下:Html;toolbar:false">

.aa{font-weight: bold;}

床前明月光

低头思故乡

如下图所示,“低头思故乡”这段文字被加粗了。

273645d9777f12da3fc4be12cf433e67.png

方法2:用Html中的加粗标签

标签可以使字体加粗,且所有主流浏览器都支持此方法。

实例描述:直接用Html中的标签,即可实现文字加粗效果,具体代码如下:

床前明月光

疑是地上霜

如图所示,对比p标签和strong标签的内容,发现strong标签的内容加粗了。

c9673e53e9f917d8bc747549843244d4.png

方法3:用Html中的加粗标签

标签可以定义一个粗体的文本,且所有主流浏览器都支持 标签。

实例描述:标签和标签一样,都可以给文字加粗,并且使用简单方便,具体代码如下:

床前明月光

举头望明月

如下图所示,b标签的里面的文字加粗了

c447a650501414e7500f3cc4652aa46d.png

总结:以上给大家介绍了给文字加粗的三种方法,分别是CSS中的font-weight: bold样式和HTML中的标签、标签,直接用Html标签比较方便,至于选择哪种方法,还要看个人习惯和工作需要,希望这篇文章对你有所帮助!

【相关教程推荐】

3. HTML在线手册

本文地址:http://itbyc.com/web/html5/19952.html

转载请注明出处。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_33334142/article/details/118373351

智能推荐

HikariPool-1 - Connection is not available, request timed out after,springboot如何设置连接池大小-程序员宅基地

文章浏览阅读2.6k次。问题描述项目压测的时候一直报错HikariPool-1 - Connection is not available, request timed out after解决方案在yml中配置如下参数hikari: connection-timeout: 60000 idle-timeout: 60000 login-timeout: 5 max-lifetime: 60000 maximum-pool-size: 400 mi

java怎么调用其他包里的类_java怎么调用另一个包中的类-程序员宅基地

文章浏览阅读5.2k次。比如现在有以下两个包:现在想在Boss类里面实现对Employee的调用,怎么做呢?(视频教程推荐:java视频)Employee.java:package payroll2;public class Employee {public void move(){System.out.print("this is employee");}}如果想实现对包的调用,可使用import关键字,然后再用调用类..._java调用其他包的静态类

Linux相关知识-程序员宅基地

文章浏览阅读76次。运行级别 0:系统停机状态,系统默认运行级别不能设为0,否则不能正常启动运行运行级别 1:单用户工作状态,root权限,用于系统维护,找回丢失root密码,禁止远程登陆运行级别 2:多用户状态没有网络服务(没有NFS)运行级别 3:多用户状态有网络服务(有NFS),登陆后进入控制台命令行模式运行级别 4:系统未使用保留给用户运行级别 5:图形界面运行级别 6:系统正常关闭并重启,默认运行级别不能设为6,否则不能正常启动常用运行级别是3和5,工作中一般用3,也可以指定默认运行级别。_linux相关

使用S32DS集成S32K的MCAL_s32ds教程-程序员宅基地

文章浏览阅读4.7k次,点赞9次,收藏67次。一、软件准备前往恩智浦官网下载MCAL软件包、EB Tresos 、以及S32DS IDE:以下软件均有NXP免费提供,但需注册账号获取S32DS IDE下载EB Tresos以及MCAL下载S32DS版本为:S32 Design Studio 3.2其中EB Tresos版本为:24.0MCAL版本为:S32K14X_MCAL4_2_RTM_1_0_0​NXP MCAL软件包后缀说明:HF为补丁版本 RTMC为发布版本软件安装请参考:NXP_AUT.._s32ds教程

欧拉法、改进的欧拉法、龙格-库塔法求解初值问题_欧拉法计算初值问题csdn-程序员宅基地

文章浏览阅读1.9w次,点赞37次,收藏202次。求解初值问题简介前期准备欧拉法改进的欧拉法龙格-库塔法三级三阶显式Kutta公式三级四阶显式Heun公式四级四阶显式Kutta公式四级四阶显式Gill公式简介通过求解简单的初值问题:{dudx=f(x,u)(1)u(x0)=u0(2)\begin{cases}\dfrac{du}{dx}=f(x,u)&&&&&&(1)\\u(x_0)=u..._欧拉法计算初值问题csdn

Git取消add 、 commit、push的命令_git 取消add-程序员宅基地

文章浏览阅读2w次,点赞284次,收藏328次。撤销已经add,但是没有commit的问题git reset HEAD撤销已经commit,但是没有push到远端的文件(仅撤销commit 保留add操作)git reset --soft HEAD^查看状态查看没有git add的文件git checkout 查看当前提交状态git status......_git 取消add

随便推点

mac下idea tomcat不能debug、不能进断点_mac idea2023.2.4不能一步步debug-程序员宅基地

文章浏览阅读1.9k次。一开始发现mac的idea点debug一直没有反应,以为卡了后来发现在tomcat的配置里面有一个变量,在run的里面是没有的。 debug的位置有一个socket的,可能连不上,尝试把他的变量删了,然后居然可以运行了。。。但是发现了新的问题,不能进入断点。= =之后在网上探索,只找到了一个类似的,还是tomcat5代的时候。。。惊了答案在不经意间解决了。。新建了一个tomcat8 就好..._mac idea2023.2.4不能一步步debug

Android小游戏开发:简单的合金弹头游戏(一)游戏框架_android 小游戏开发-程序员宅基地

文章浏览阅读4.9k次,点赞3次,收藏29次。本篇博客适合给初学安卓,熟悉基本的JAVA语法,并希望用安卓写个小游戏的初学者参考,因为博主也因大学课程需要,是在2个星期内自学的JAVA和安卓开发,可能会有一些错误和需要优化的地方,望指出 我在这2个星期内看的书为《JAVA核心技术卷I》和李华明写的《Android游戏编程之从零开始》,有些内容是借鉴书上而来。 《Android游戏编程之从零开始》的电子版 链接:ht_android 小游戏开发

【企业架构工具】2023 年 18 大企业架构工具_国内ea系统工具-程序员宅基地

文章浏览阅读369次。这些流行和新兴的 EA 工具为企业提供了支持企业架构和数字化转型所需的一切。企业架构系统并不总是必不可少的。据推测,在 1940 年代,国际商业机器公司的一位领导人小托马斯·沃森 (Thomas Watson Jr.) 曾说过:“我认为大约有 5 台计算机的全球市场。” 没有人需要定制软件来跟踪这么短的列表。然而,现代企业则大不相同。一些员工仅在他们的办公桌上就有超过五台计算机。即使是小型组织也可..._国内ea系统工具

计算机专业求职信英语,计算机科学专业毕业生英文求职信范文-程序员宅基地

文章浏览阅读166次。计算机科学专业毕业生英文求职信范文英文求职信范文就求职者是向外企hr介绍自己想要的职位时所写的关于自己的求职信例文。下面小编就为大家推荐计算机科学专业毕业生英文求职信范文。dear mr. ××,i would like to be considered as a candidate for the assistant computer programmer position advertised..._假设你是李华是一所中等职业学校计算机专业的毕业生,你想要一份计算机销售经

Ubuntu18.04中LXC安装配置以及简单使用_lxc-create 离线文件ubuntu-程序员宅基地

文章浏览阅读1.2k次。LXC的安装配置以及简单使用_lxc-create 离线文件ubuntu

Springboot——mybatis配置_springboot配置mybatis-程序员宅基地

文章浏览阅读7.5k次,点赞2次,收藏2次。serverTimezone=Asia/Shanghai:可以实现北京时间入库。_springboot配置mybatis