h5 字型加粗 css 加粗字型

2021-10-16 13:46:01 字數 1066 閱讀 7311

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對p標籤內字型加粗

常見加粗例項應用,完整源**:

加粗 例項 css5

.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。

css 字型加粗

模板id 模板id 語法 font weight 值 允許值 normal bold bolder lighter 100 200 300 400 500 600 700 800 900 初始值 normal 適用於 所有物件 字型加粗屬性用作說明字型的加粗。當其它值絕對時,bolder和light...

CSS學習3(字型)

這是最亂的地方,幾乎所有的字型都有多種名字。同種字型的不同風格 斜體,加粗等等 也有不同的名字,為了解決這個問題,css使用font family表示乙個系列的字型,包括這種字型的各個風格。設定時,你可以指定字型系列,也可以指定特定的字型。字型可以設定多個,使用者 會依次查詢,直到找到第乙個可用的為...

CSS樣式(二) 字型

1.單位 單位描述 px畫素 em1em 1個字元 2em 2個字元 自動適應使用者所使用的的字型 百分比,相對於從父類繼承的字型大小而言 用百分比乘以預設繼承字型大小即為當前字型大小 2.顏色 顏色描述 red blue green 可以從w3c找到所有顏色名 rgb x,x,x rgb值,每個顏...