CSS设置div对象盒子里部分文字加粗的实例介绍

(编辑:jimmy 日期: 2024/10/31 浏览:2)

CSS设置对象盒子里部分文字加粗方法有两种,一种使用html b标签或html strong标签,另外一种使用CSS样式实现加粗布局。

如何选择加粗布局方式?

从SEO优化考虑,如果文字要加粗,DIVCSS5推荐使用html标签的b加粗或strong加粗标签实现加粗效果。

如果不考虑优化方面因素,可以直接对需要加粗的文字设置 css加粗 样式。

下来通过案例教程介绍两种加粗方法:

1、完整HTML+CSS代码

<p>
复制代码代码如下:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>加粗方法 在线案例演示 DIVCSS5</title>
<style>
.bold{font-weight:bold}
</style>
</head>
<body>
<strong>学习</strong>CSS上DIVCSS5网,
从HTML到CSS<b>布局学习</b>。
CSS问题解决方法、<span class="bold">基础</span>学习上DIVCSS5。
</body>
</html> </p>

2、CSS案例截图

CSS设置div对象盒子里部分文字加粗的实例介绍

使用加粗标签和CSS加粗样式案例截图

以上就是CSS设置div对象盒子里部分文字加粗方法,谢谢阅读,希望能帮到大家,请继续关注,我们会努力分享更多优秀的文章。

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。