使用CSS呈現文本內容時，字體大小和顏色是我們常被津津樂道的話題，但字體加粗似乎被忽視了。當我們想要強調某個詞匯或短語時，加粗是一種很靈活的方式。但有些情況不需要加粗，甚至可能會有反作用，比如在長段落或小字號文本中。在這種情況下，如何解決粗體的問題呢？ 在CSS中，字體加粗通過font-weight屬性實現。默認值為“normal”，表示不加粗。通常將值設置為“bold”或“bolder”給文本帶來了強烈的視覺效果。然而，如果只是想稍稍加重字體，這可能會有時過猶不及的感覺。 那么如何使用CSS控制字體粗細程度呢？使用font-weight屬性，根據需要設置不同的值即可。例如，設置值“100” 或 “200”就能實現比默認細一些的字體效果，“300”則略粗一些。“400”是默認值，“500”、“600”分別比默認加粗了約1.5~2倍和2.25~2.5倍。另外，“700”相當于“bold”，而“800”和“900”則會效果更強烈。需要注意的是，不同的字體系列可能會有微小差別，這取決于字體設計的特點。 在實際開發中，不把字體加粗的情況時有發生。當我們希望通過其它方法使文本內容獲得重視時，如改變顏色、周圍間距、字體大小等，可以不使用字體加粗。使用font-weight屬性，我們能夠更細致地控制字體的粗細，從而滿足不同的需要。 以下為CSS樣例代碼展示如何設置字體不加粗： pre { font-family: monospace; font-size: 12px; } p { font-family: sans-serif; font-size: 16px; font-weight: normal; /* 禁用字體加粗 */ } /* 突出強調文本 */ .strong-text { font-size: 18px; color: #f00; margin-left: 10px; } 在上述代碼中，p元素中通過屬性font-weight設置為“normal”，實現文本內任何標簽、文本均不加粗的效果；另為強調文本，除了字體大小調大以外，采用自定義class名的方式使其突出顯現。