一、用CSS讓文本加粗

通過在CSS中使用font-weight屬性，可以讓文本變粗。這個屬性接受一下五個值：

    
    font-weight: normal;      // 默認值
    font-weight: bold;        // 粗
    font-weight: bolder;      // 更粗
    font-weight: lighter;     // 更輕
    font-weight: number;      // 數字，範圍1~1000，1000表示最粗
    

示例代碼如下：

    
    h1{
        font-weight: bold;
    }
    

通過將上面的代碼應用到

標籤中的文本，就可以讓h1標籤中的文本加粗。

二、用HTML標籤讓文本加粗

每個人在寫網頁時都有自己的喜好，有些人喜歡使用HTML標籤來強調文本，例如：用標籤將一段文字加粗，或者用標籤將一段文字斜體。

但是，這種方法最好只用於強調較小的部分，例如一個單詞或短語，因為在大段文字中頻繁使用HTML標籤會讓代碼變得難以維護。

示例代碼如下：

    
    <p>每天都要<b>快樂</b>！</p>
    

將上面的代碼嵌套到一個

標籤中，就可以讓p標籤中的文本中的「快樂」一詞加粗。

三、用CSS偽元素讓文本加粗

有時候需要對文本進行某種特殊的樣式處理，但又不想將文本包含在任何HTML標籤中，這時候可以使用CSS的偽元素。

實現步驟：

1. 在CSS中定義一個選擇器來定位到要樣式化的元素。

    
    .bold{
        display: inline-block;
    }
    

這裡用了一個class選擇器，但也可以使用其他類型的選擇器。

2. 使用::before偽元素或者::after偽元素來添加額外的內容。

    
    .bold::before{
        content: "\002026"; /* 這個是Unicode編碼的「&」符號 */
        font-weight: bold;
    }
    

在這裡，在.bold元素前面添加了一個擁有粗體字重的「&」符號。粗體字重的樣式通過設置偽元素的font-weight來實現。

3. 在HTML中添加如下代碼：

    
    <p>示例：<span class="bold">這段文字前面有粗體的「&」符號</span></p>
    

上述代碼中用了標籤來給偽元素添加了class。添加了class的元素前面會出現粗體的「&」符號。

四、小結

有多種方法可以讓文本在網頁中加粗，其中最常用的方法是使用CSS的font-weight屬性。本文介紹了三種讓文本加粗的方法，分別是用CSS讓文本加粗、用HTML標籤讓文本加粗以及用CSS偽元素讓文本加粗。通過學習這三種方法，不僅可以讓自己在網頁開發中更加靈活自如，還能夠增強自己的代碼能力。