- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細(xì)教程
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對方是否已經(jīng)查看
- 11AMD推土機(jī)架構(gòu)回顧：雖隕落卻是Zen成功的墊腳石
- 12XP系統(tǒng)怎么清除緩存？
聊天工具辦公軟件殺毒教程系統(tǒng)工具圖形圖像電腦學(xué)習(xí)應(yīng)用軟件網(wǎng)絡(luò)軟件蘋果應(yīng)用注冊碼網(wǎng)站教程技術(shù)開發(fā)安卓教程其它教程
您當(dāng)前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> HTML與CSS完成字體加粗的3種方法
HTML與CSS完成字體加粗的3種方法
發(fā)表時間：2023-08-29 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]大家在瀏覽網(wǎng)站時有沒有注意到，頁面中有些文字或字體加粗了，正在學(xué)習(xí)HTML和CSS的小伙伴，你知道HTML如何給文字加粗嗎？CSS怎么設(shè)置字體加粗呢？這篇文章給大家總結(jié)了給字體和文字加粗的三種方法，包括HTML中的加粗標(biāo)簽以及CSS字體加粗樣式，有一定的參考價值，感興趣的朋友可以參考一下。給字體和...
大家在瀏覽網(wǎng)站時有沒有注意到，頁面中有些文字或字體加粗了，正在學(xué)習(xí)HTML和CSS的小伙伴，你知道HTML如何給文字加粗嗎？CSS怎么設(shè)置字體加粗呢？這篇文章給大家總結(jié)了給字體和文字加粗的三種方法，包括HTML中的加粗標(biāo)簽以及CSS字體加粗樣式，有一定的參考價值，感興趣的朋友可以參考一下。給字體和文字加粗有三種方法，一種是CSS中的font-weight: bold樣式，一種是HTML中的<strong></strong>標(biāo)簽，最后一種是HTML中的<b></b>標(biāo)簽。
方法1：用CSS中font-weight: bold樣式給字體加粗
font-weight屬性可以設(shè)置字體的粗細(xì)，當(dāng)屬性值為normal時，表示正常的字體，相當(dāng)于number為400；當(dāng)屬性值為bold時，可以給字體粗體，相當(dāng)于number為700，也相當(dāng)于<b>標(biāo)簽的效果。
實例描述：創(chuàng)建兩個p標(biāo)簽，給其中一個標(biāo)簽一個class類名，便于對其進(jìn)行CSS樣式設(shè)置。將font-weight: bold屬性添加到有類名的p 標(biāo)簽上，對比兩個p標(biāo)簽，看看有什么不同，具體代碼如下：
<!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">低頭思故鄉(xiāng)</p>
</body>
</html>如下圖所示，“低頭思故鄉(xiāng)”這段文字被加粗了。
方法2：用html中的<strong>加粗標(biāo)簽
<strong>標(biāo)簽可以使字體加粗，且所有主流瀏覽器都支持此方法。
實例描述：直接用html中的<strong>標(biāo)簽，即可實現(xiàn)文字加粗效果，具體代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>床前明月光</p> <strong>疑是地上霜</strong> </body> </html>
如圖所示，對比p標(biāo)簽和strong標(biāo)簽的內(nèi)容，發(fā)現(xiàn)strong標(biāo)簽的內(nèi)容加粗了。
方法3：用html中的<b>加粗標(biāo)簽
<b> 標(biāo)簽可以定義一個粗體的文本，且所有主流瀏覽器都支持 <b> 標(biāo)簽。
實例描述：<b></b>標(biāo)簽和<strong>標(biāo)簽一樣，都可以給文字加粗，并且使用簡單方便，具體代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p>床前明月光</p> <b>舉頭望明月</b> </body> </html>
如下圖所示，b標(biāo)簽的里面的文字加粗了
總結(jié)：以上給大家介紹了給文字加粗的三種方法，分別是CSS中的font-weight: bold樣式和HTML中的<strong>標(biāo)簽、<b>標(biāo)簽，直接用html標(biāo)簽比較方便，至于選擇哪種方法，還要看個人習(xí)慣和工作需要，希望這篇文章對你有所幫助！
【相關(guān)教程推薦】
2. HTML教程
3. HTML在線手冊
以上就是HTML和CSS實現(xiàn)字體加粗的三種方法的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
標(biāo)簽：HTML與CSS完成字體加粗的3種辦法
推薦資訊 總?cè)藲獍?/span>
最新教程 本月人氣
- 1酷狗音樂賬號被盜如何辦？酷狗賬號被盜找到方法
- 2酷狗音樂如何聯(lián)系人工客服？酷狗聯(lián)系人工客服方法
- 3酷狗如何找到密碼？酷狗找到密碼圖文說明教程
- 4百度視頻如何下載？百度視頻下載視頻方法
- 5虎牙直播如何直播手機(jī)游戲？容易方法
- 6虎牙直播如何選頻道？虎牙直播選頻道的方法
- 7優(yōu)酷集福氣搶2018元活動如何玩？
- 8手機(jī)影音先鋒如何用？影音先鋒使用圖文說明教程詳細(xì)說明
- 9手機(jī)影音先鋒如何搜片？
- 10影音先鋒如何看片？手機(jī)影音先鋒如何看片？
- 11手機(jī)影音先鋒看片圖文說明教程
- 12美拍小視頻如何合并？美拍小視頻合并方法
- 1支付寶不能交水電費了嗎 支付寶為什么不能交水電費了
- 2人人車怎么收費 人人車收費規(guī)范
- 3平板電腦wifi無線網(wǎng)絡(luò)設(shè)置圖文說明教程【圖文詳細(xì)說明】
- 4ios9 bug隱藏?zé)o用應(yīng)用方法
- 53星版iphone6s與臺積電版iphone6s續(xù)航哪一個好
- 6百度專車怎么收費 百度專車收費規(guī)范介紹
- 7華為pay與微信支付哪一個好 微信支付與huawei pay比較區(qū)別
- 8酷狗怎么設(shè)置伴唱并錄音 酷狗伴唱設(shè)置圖文說明教程
- 9中興grand x max+怎么？中興grand x max+設(shè)置評測
- 10小皮助手安裝失敗怎么辦 小皮助手安卓模擬器安裝失敗處理方法
- 11獵豹瀏覽器搶票不受12306新版驗證碼影響
- 12滴滴打屁怎么用 滴滴打屁app使用圖文說明教程
相關(guān)文章
- 2018年最好用的5個頁面編輯器軟件推薦
- html中的onfocus與onblur是什么屬性？如何使用？
- figure標(biāo)簽是什么？什么時候用？
- html下拉菜單如何做？高手教你如何在HTML與CSS中創(chuàng)建下拉菜單
- 如何創(chuàng)建HTML表單?html表單代碼如何寫
- html文本輸入框代碼是什么？如何創(chuàng)建html文本輸入框
- 如何在html添加按鈕？html添加按鈕流程
- html文件如何打開？如何打開html文件
- 如何使用css進(jìn)行定位？css布局與定位詳細(xì)說明
- html如何引用css?html引用css有幾種方法
- class是什么意思?id與class有什么區(qū)別
- 為什么html中文是亂碼？html中文亂碼如何處理
