网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )

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对象盒子里部分文字加粗方法,谢谢阅读,希望能帮到大家,请继续关注,我们会努力分享更多优秀的文章。

上一篇:CSS background 控制显示图片的一部分
下一篇:IE浏览器单独写CSS样式的几种方法
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。