正如我們經(jīng)常需要強(qiáng)調(diào)一些重要的文字內(nèi)容,CSS也提供了一種方便簡單的方法來實(shí)現(xiàn)這個(gè)效果。文本加粗顯示是一種非常常見的強(qiáng)調(diào)方式,下面我們來詳細(xì)介紹一下如何在CSS中實(shí)現(xiàn)文本加粗顯示。
我們先來看一下最基本的文本加粗顯示。在CSS中,用font-weight屬性來實(shí)現(xiàn)文本加粗,具體的代碼如下所示:
p { font-weight: bold; }在這個(gè)例子中,我們選擇所有的p標(biāo)簽,然后把它們的字體加粗。這個(gè)簡單的樣式表將所有段落的文本都變成了加粗字體。 除此之外,我們也可以只針對某些特定的文本加粗。比如,下面這個(gè)例子就是只對文本中的區(qū)域名稱加粗:
p { font-weight: normal; } .highlight { font-weight: bold; }在這個(gè)例子中,我們首先將所有p標(biāo)簽的字體設(shè)置成了normal,也就是正常的字體。然后我們用一個(gè)叫做highlight的class來指定需要加粗的文本段落。 另外一個(gè)比較常見的使用場景是給標(biāo)題加粗。對于這個(gè)需求,我們可以用h1-h6標(biāo)簽來實(shí)現(xiàn),如下所示:
h1 { font-weight: bold; }如果你希望每一個(gè)層級的標(biāo)題都使用相同的加粗效果,你只需要將上面這行代碼復(fù)制一遍,然后把h1改成h2到h6即可。 最后需要注意的一點(diǎn)是,盡管加粗看起來很突出,但過度使用加粗樣式容易讓頁面變得混亂不易閱讀,因此請合理使用。