如何設(shè)置CSS文字大小
在CSS中,可以使用font-size
屬性來設(shè)置文字大小,這個(gè)屬性可以應(yīng)用于所有元素,但通常用于文本元素(如p
、h1
、span
等)。
基本語法
selector { font-size: value; }
selector
是要選擇應(yīng)用樣式的元素,value
是具體的文字大小值。
常用的文字大小單位
1、像素(px):這是***常見的單位,可以直接指定具體的數(shù)字。font-size: 16px;
會(huì)將文字大小設(shè)置為16像素。
2、百分比(%):可以使用百分比來設(shè)置文字大小,相對(duì)于當(dāng)前字體大小。font-size: 120%;
會(huì)將文字大小設(shè)置為當(dāng)前字體大小的120%。
3、em:這個(gè)單位表示當(dāng)前字體大小。font-size: 2em;
會(huì)將文字大小設(shè)置為當(dāng)前字體大小的2倍。
示例
<!DOCTYPE html> <html> <head> <style> p { font-size: 16px; } h1 { font-size: 2em; } </style> </head> <body> <p>這是一段文本,文字大小為16像素。</p> <h1>這是一個(gè)標(biāo)題,文字大小為當(dāng)前字體大小的2倍。</h1> </body> </html>
注意事項(xiàng)
- 如果在元素內(nèi)部使用font-size
,它只會(huì)影響該元素及其子元素的文字大小。
- 如果在元素外部使用font-size
,它會(huì)影響該元素及其所有子元素的文字大小。
- 瀏覽器有默認(rèn)的字體大小設(shè)置,可以通過瀏覽器的***工具查看和修改。
希望這些示例能幫助你更好地理解和應(yīng)用CSS中的文字大小設(shè)置。