編碼的世界 / 優質文選 / 生涯

css 加粗字體


2022年5月04日
-   

div css布局對文字字體加粗樣式設置
無論平時word文檔還是HTML網頁布局都會遇到各種情況下字體加粗設置。
一、word文檔加粗
word文檔文字快捷加粗方法:
1、鼠標選中要加粗文字
2、快捷鍵“ctrl鍵 + B” ,按住“ctrl”鍵不放 再按“B”即可加粗文字
這樣即可快速對word文檔內文字快速加粗
以上是非網頁相關加粗課外話題。
二、html標簽直接加粗
html中常見有兩種加粗標簽,可以直接對字體進行加粗,無需CSS樣式實現。
1、html b標簽加粗
b加粗示例代碼:
我被B標簽加粗
html b標簽字體加粗實例截圖
2、html strong標簽加粗
被加粗
strong加粗標簽對字體加粗
三、CSS樣式字體加粗
使用CSS加粗字體樣式屬性單詞:font-weight
CSS代碼
p{font-weight:bold}
對p標簽內字體加粗
常見加粗實例應用,完整源代碼:
加粗 實例 CSS5
.bold{ font-weight:bold}
本節是設置加粗,我被CSS加粗了
加粗實例截圖

成功實現css 加粗實例截圖
四、HTML DIV CSS網頁布局中加粗方式選擇
在網頁布局中,如何選擇加粗方式?是用HTML加粗標簽(b或strong)還是使用CSS 樣式加粗(font-weight:bold)呢?還是只是有CSS屬性來加粗字體?
答案:根據需求選擇合適加粗方式來對字體加粗。
1、在發布一篇文章中,出現需要加粗,這個時候我們可以采用html加粗標簽()來快速實現。這樣也算是SEO優化一部分。 2、在網頁排版中,比如新聞列表、欄目名稱排版、各種有規律或可能需要後期CSS改動來統一設置是否加粗等情況下我們就選擇CSS 加粗屬性(font-weight:bold)來實現。
3、不是學習了CSS就放棄原來HTML功能標簽,有時還是按需使用,達到排版方便、代碼簡單、便於維護等多方面考慮來開發HTML。
作者:div css

熱門文章