在CSS中,我們可以使用“font-size”屬性來設置文本的字體大小。字體大小以像素(px)為單位。以下是基本的CSS語法:
選擇器{ font-size: 像素值; }
在選擇器中,我們可以使用類選擇器、ID選擇器或標簽選擇器來選擇我們想要改變字體大小的文本。例如:
p{ font-size: 16px; }
這將把所有的段落的字體大小設置為16像素。你也可以針對特定的文本使用類或ID選擇器,例如:
p.intro{ font-size: 18px; } #header{ font-size: 24px; }
在這個例子中,我們使用了.“intro”類選擇器和“header” ID選擇器來設置各自文本的字體大小。
除了像素,我們還可以使用其他的單位來設置字體大小,比如:
- em:相對于父元素字體的大小。例如,如果父元素的字體大小為16像素,1em就是16像素。
- rem:相對于根元素(即html元素)的字體大小。例如,如果根元素的字體大小為16像素,1rem就是16像素。
- %:相對于父元素字體大小的百分比。例如,如果父元素的字體大小為16像素,100%就是16像素。
例如,下面的CSS將把段落的字體大小設置為其父元素(div)字體大小的1.2倍:
div{ font-size: 16px; } p{ font-size: 1.2em; }
在這個例子中,如果父元素的字體大小為16像素,段落的字體大小就是19.2像素,因為1.2倍的16像素是19.2像素。
在CSS中設置字體大小非常簡單,但它可以幫助你改進你網站的外觀和易讀性,因此學會使用“font-size”屬性是很重要的。