今天我們來聊一下CSS中的一個問題:怎樣不讓字體變粗?
我們知道,CSS中有一個屬性font-weight,它用來設置字體的粗細程度,取值范圍是從100到900,默認值是400。如果想讓字體更加粗,可以設置為較大的數值,如700或900;如果想讓字體更加細,可以設置為較小的數值,如100或200。
但是,有時候我們需要在某些情況下讓字體細一些,比如在標題或者注釋中,但是又不想使用更小的字號,怎么辦呢?這時候我們可以使用font-weight的一個特殊取值:normal。
正常情況下,normal和400是完全等價的,但是當font-weight設置為normal時,如果其父元素設置了一個較大的font-weight值,子元素的字體粗細仍然會被限制在normal和400之間,不會跟隨父元素的粗細程度而變化。
下面看一下示例代碼:
可以看到,雖然h1元素的font-weight設置為700,但是p元素的字體仍然是正常的細度,這是因為p元素的font-weight被設置為normal,不會跟隨父元素的設置變化。 總之,如果你想讓某些字體更加細一些,但是又不想改變字號,可以使用font-weight的normal取值來實現。這是一個標題
這是我們想讓字體更加細的段落