六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

HTML與CSS完成字體加粗的3種方法

[摘要]大家在瀏覽網站時有沒有注意到,頁面中有些文字或字體加粗了,正在學習HTML和CSS的小伙伴,你知道HTML如何給文字加粗嗎?CSS怎么設置字體加粗呢?這篇文章給大家總結了給字體和文字加粗的三種方法,包括HTML中的加粗標簽以及CSS字體加粗樣式,有一定的參考價值,感興趣的朋友可以參考一下。給字體和...
大家在瀏覽網站時有沒有注意到,頁面中有些文字或字體加粗了,正在學習HTML和CSS的小伙伴,你知道HTML如何給文字加粗嗎?CSS怎么設置字體加粗呢?這篇文章給大家總結了給字體和文字加粗的三種方法,包括HTML中的加粗標簽以及CSS字體加粗樣式,有一定的參考價值,感興趣的朋友可以參考一下。

給字體和文字加粗有三種方法,一種是CSS中的font-weight: bold樣式,一種是HTML中的<strong></strong>標簽,最后一種是HTML中的<b></b>標簽。

方法1:用CSS中font-weight: bold樣式給字體加粗

font-weight屬性可以設置字體的粗細,當屬性值為normal時,表示正常的字體,相當于number為400;當屬性值為bold時,可以給字體粗體,相當于number為700,也相當于<b>標簽的效果。

實例描述:創建兩個p標簽,給其中一個標簽一個class類名,便于對其進行CSS樣式設置。將font-weight: bold屬性添加到有類名的p 標簽上,對比兩個p標簽,看看有什么不同,具體代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.aa{font-weight: bold;}
</style>
</head>
<body>
<p>床前明月光</p>
<p class="aa">低頭思故鄉</p>
</body>
</html>

如下圖所示,“低頭思故鄉”這段文字被加粗了。

x1.jpg

方法2:用html中的<strong>加粗標簽

<strong>標簽可以使字體加粗,且所有主流瀏覽器都支持此方法。

實例描述:直接用html中的<strong>標簽,即可實現文字加粗效果,具體代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>床前明月光</p>
<strong>疑是地上霜</strong>
</body>
</html>

如圖所示,對比p標簽和strong標簽的內容,發現strong標簽的內容加粗了。

x2.jpg

方法3:用html中的<b>加粗標簽

<b> 標簽可以定義一個粗體的文本,且所有主流瀏覽器都支持 <b> 標簽。

實例描述:<b></b>標簽和<strong>標簽一樣,都可以給文字加粗,并且使用簡單方便,具體代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>床前明月光</p>
<b>舉頭望明月</b>
</body>
</html>

如下圖所示,b標簽的里面的文字加粗了

x3.jpg

總結:以上給大家介紹了給文字加粗的三種方法,分別是CSS中的font-weight: bold樣式和HTML中的<strong>標簽、<b>標簽,直接用html標簽比較方便,至于選擇哪種方法,還要看個人習慣和工作需要,希望這篇文章對你有所幫助!

【相關教程推薦】

1、html和CSS給文字添加刪除線的三種方法(圖文)

2. HTML教程

3. HTML在線手冊

以上就是HTML和CSS實現字體加粗的三種方法的詳細內容,更多請關注php中文網其它相關文章!


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




主站蜘蛛池模板: 手机在线日韩高清理论片 | 日韩欧美精品在线视频 | 青娱在线 | 午夜污污 | 王者天下第五季在线观看 | 青春草在线播放 | 在线观看免费为成年视频 | 日韩亚洲欧美综合 | 四虎在线观看视频 | 我想看一级播放片一级的 | 色综合伊人色综合网站中国 | 日产毛片 | 五月婷婷综合激情网 | 亚洲成av人片在线观看 | 亚洲综合视频在线观看 | 一区二区三区国产美女在线播放 | 日韩一区二区三区不卡视频 | 午夜日b视频 | 日日摸夜夜添夜夜添毛片 | 亚洲欧美在线视频观看 | 青春草在线视频免费观看 | 色播激情五月 | 中文字幕在线精品不卡 | 日日操夜夜操免费视频 | 亚洲高清自拍 | 色综合久久久高清综合久久久 | 在线精品亚洲 | 中文字幕一区二区三区免费视频 | 日韩精品在线观看免费 | 日韩欧美一区二区三区中文精品 | 四虎国产精品影库永久免费 | 亚洲人成网站999久久久综合 | 小小的日本在线观看中文 | 日韩爱爱片 | 日本一区二区三区在线 视频观看免费 | 四虎影院在线播放 | 欧洲一级片 | 在线aa | 在线视频 二区 | 情不自禁完整版在线观看免费 | 天堂新版www中文 |