歡迎來到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.133025.buzz/template/m52631.shtml

德甲最新射手榜 极速赛车10选4号打法 福利彩票深圳风采 天津快乐十分直播 股票配资平台有哪些 中国十大股票配资平台排名 江苏快三一定牛 湖南幸运赛车官网 吉林11选5中奖技巧 股票指数怎么 3d快乐10分钟开奖结果 快乐十分钟开奖走势图福彩快乐十分钟开奖 云南11选5购买技巧 甘肃十一选五开奖结 江苏快3彩票购买 天津快乐十分和值 炒股最惨者真实的故事:亏掉100万后