在CSS中,我們可以使用font-size
屬性來調整文字大小。這個屬性可以接受多種不同的值,包括具體的像素值、百分比、em單位等等。
p { font-size: 16px; /* 將所有段落的文字大小設置為16像素 */ } h1 { font-size: 2em; /* 將一級標題的文字大小設置為當前字體大小的2倍 */ } h2 { font-size: 120%; /* 將二級標題的文字大小設置為當前字體大小的120% */ }
需要注意的是,font-size
設置的大小會影響所有的字體,包括段落和標題等元素。如果需要對某個元素進行單獨的字體大小調整,可以使用font-size
的繼承特性。
div { font-size: 16px; /* 設置div元素字體大小為16像素 */ } .container { font-size: 1.5em; /* 設置.container元素字體大小為當前字體大小的1.5倍 */ }
在上面的例子中,.container
元素繼承了其父級元素div
的字體大小,并將自己的字體大小設置為父級元素字體大小的1.5倍。