span文字加粗_span盒子对象内字体加粗

span加粗

除了html字体加粗标签有标签strong与标签b为字体加粗直接使用的标签外，css设置字体加粗也黑白经常用的属性。而运用span标签对一段翰墨中其中一段翰墨内容字体加粗也是经常运用方式。

一、字体加粗属性单词

字体加粗CSS单词：font-weight，值设置装备摆设为bold。
即：font-weight:bold

div{font-weight:bold}

配置div内字体加粗

span{font-weight:bold}

设置span字体加粗

二、span标签内配置加粗

字体加粗实例一段笔墨模式！<span style="font-weight:bold">我在span内</span>！

一段翰墨中，其中一些笔墨放在span标签对象内，对span应用style属性直接设置装备摆设CSS字体加粗花色。

span内字体成功被加粗

三、盒子内只用一次span设置加粗

一个对象譬喻一个div内放了一段笔墨，而这里网页机关只应用一次span，那么咱们即也许舛错span应用class或id来设置装备摆设CSS名目，而直接颠末指向配置span花样包孕字体加粗需求。

1、span字体加粗实例残破代码如下：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>span字体加粗 css5.com.cn</title>
<style>
.abc span{ font-weight:bold}
</style>
</head>
<body>
<div class="abc">
字体加粗实例一段笔墨内容！<span>我在span内</span>！
</div>
</body>
</html>

2、截图

span成功设置字体加粗
span胜利配置字体加粗

本性：如果一个对象盒子里屡次应用span，那么就重要独自对span配置应用id或class来完成CSS名堂。假如只运用一次，那么就能直接用css抉择器指向能耐直接配置标签而配置CSS，从而勤俭html代码。

四、外部class或id设置装备摆设span字体加粗

这里对span使用class完成笔墨加粗结构。

1、残缺span css实例代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>span字体加粗 css5.com.cn</title>
<style>
.jiacu{ font-weight:bold}
</style>
</head>
<body>
<p>
实例测试翰墨模式，<span class="jiacu">我应用span加粗</span>！
</p>
</body>
</html>

2、截图

span使用class设置字体加粗
span应用class设置字体加粗图文实例

通过对span设置装备摆设class，也能够运用id设置装备摆设字体加粗，方法沟通。

依照以上各种门径，融会贯通矫捷用span构造时，设置紧要的排版效果。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/template/m52631.shtml