明輝手游網(wǎng)中心：是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

怎么用CSS加粗字體

發(fā)表時間：2024-05-08 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]今天給大家介紹一下怎樣用CSS加粗字體，我們發(fā)文章的時候，標(biāo)題和正文的大小以及字體肯定是不同的，那么我們就給大家詳細(xì)講解一下，怎樣用CSS來加粗文章的字體，怎么控制文章字體的粗細(xì) 。CSS 加粗這里指的是通過DIV CSS控制對象的加粗。使用CSS屬性單詞font-weight對象值：從100到9...
今天給大家介紹一下怎樣用CSS加粗字體，我們發(fā)文章的時候，標(biāo)題和正文的大小以及字體肯定是不同的，那么我們就給大家詳細(xì)講解一下，怎樣用CSS來加粗文章的字體，怎么控制文章字體的粗細(xì) 。

CSS 加粗這里指的是通過DIV CSS控制對象的加粗。

使用CSS屬性單詞

font-weight

對象值：從100到900，最常用font-weight的值為bold

font-weight參數(shù)：

normal : 正常的字體。相當(dāng)于number為400。聲明此值將取消之前任何設(shè)置

bold : 粗體。相當(dāng)于number為700。也相當(dāng)于b對象的作用

bolder : IE5+　特粗體

lighter : IE5+　細(xì)體

number : IE5+　100 200 300 400 500 600 700 800 900

詳細(xì)基礎(chǔ)加粗知識請進(jìn)CSS手冊中的font-weight手冊。

Html常規(guī)加粗標(biāo)簽

以前html直接對對象加粗的標(biāo)簽如下：

<b></b>或<strong></strong>兩者效果相同。

加粗實(shí)例，代碼如下：

 <strong>我被加粗</strong><br />
<b>我也被加粗了</b><br/>
我未被加粗

CSS 加粗基礎(chǔ)技巧實(shí)例

CSS 代碼：

 .yangshi1{ font-weight:bold}
.yangshi2{ font-weight:800}

Div html代碼：

 <span class="yangshi1">我被加粗</span><br />
<span class="yangshi2">我也被加粗了</span><br />
我未被加粗

這里通過CSS來控制加粗文字方式來加粗對象。所以一般對文字對象加粗標(biāo)題加粗即可使用此方法對其加粗。

CSS來控制字體粗細(xì)的方法已經(jīng)告訴大家了，你學(xué)會了嗎？

相關(guān)閱讀

html中的字體顏色怎么修改

如何解決html5 canvas 繪制字體、圖片與圖形模糊問題

網(wǎng)頁設(shè)計(jì)中的字體應(yīng)用

以上就是怎樣用CSS加粗字體的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。




標(biāo)簽：怎樣用CSS加粗字體