CSS如何給文字加粗，這是小白常見的問題，今天俺跟大家總結(jié)分享。

標(biāo)簽解決辦法

一般老的瀏覽器可能會使用類似或來加粗文字用來設(shè)置斜體，例如以下代碼：

加粗字體

加粗字體

斜體

但是此辦法語義化不是很好，設(shè)置字體加粗推薦使用下面的另外一種方法。

CSS解決

設(shè)置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

設(shè)置font-style為italic可以用來給文字設(shè)置斜體，設(shè)置斜體在實際項目中用的其實不多，這里只作為學(xué)習(xí)使用。

normal： 默認(rèn)值。瀏覽器顯示一個標(biāo)準(zhǔn)的字體樣式。

italic： 瀏覽器會顯示一個斜體的字體樣式。

oblique： 瀏覽器會顯示一個傾斜的字體樣式。

inherit： 規(guī)定應(yīng)該從父元素繼承字體樣式。

實現(xiàn)代碼

我們只需要在我們需要設(shè)置的選擇器中添加樣式就行了，例如我想給p標(biāo)簽設(shè)置加粗給div設(shè)置斜體，可以按照如下代碼設(shè)置：

p{

font-weight:bold;

}

div{

font-style:italic;

}

總結(jié)

推薦使用font-weight 來設(shè)置加粗，用font-style來設(shè)置斜體，因為語義化更好，html代表的是網(wǎng)頁結(jié)構(gòu)，而css代表的是網(wǎng)頁樣式。

原創(chuàng)文章，作者：犀牛前端部落，如若轉(zhuǎn)載，請注明出處：https://www.pipipi.net/2486.html

總結(jié)

以上是生活随笔為你收集整理的css div里引用em字体会变斜体_CSS文字加粗斜体[解决代码]的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。