欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

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内字体成功被加粗

三、盒子内只用一次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.xuroms.com.cn/template/m52631.shtml

欢乐二人雀神游戏