歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

孙兴民热刺年薪:  

阿森纳热刺 www.tzxsac.com.cn 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構造時,設置緊要的排版效果。

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/template/m52631.shtml