除了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配置應用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，也能夠運用id設置裝備擺設字體加粗，方法溝通。
依照以上各種門徑，融會貫通矯捷用span構造時，設置緊要的排版效果。
如需轉載，請注明文章出處和來源網址：http://www.khijtf.live/template/m52631.shtml
