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

標簽解決辦法

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

加粗字體

加粗字體

斜體

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

CSS解決

設置font-weight也可以用來給字加粗，而且在實際項目中使用這種方法更多。

參數值

normal : 正常的字體。相當于number為400。聲明此值將取消之前任何設置

bold : 粗體。相當于number為700。也相當于b對象的作用

bolder : IE5+　特粗體

lighter : IE5+　細體

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

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

normal： 默認值。瀏覽器顯示一個標準的字體樣式。

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

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

inherit： 規定應該從父元素繼承字體樣式。

實現代碼

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

p{

font-weight:bold;

}

div{

font-style:italic;

}

總結

推薦使用font-weight 來設置加粗，用font-style來設置斜體，因為語義化更好，html代表的是網頁結構，而css代表的是網頁樣式。

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。