在CSS中,我們可以通過設(shè)置font-size
屬性來改變段落的字體大小,以下是一些示例代碼,展示如何應(yīng)用不同的字體大小到段落中:
示例1: 更改單個(gè)段落的字體大小
p { font-size: 16px; }
示例2: 更改多個(gè)段落的字體大小
p, h3 { font-size: 18px; }
示例3: 使用相對單位更改字體大小
p { font-size: larger; /* 相對于當(dāng)前字體大小更大 */ }
示例4: 使用em單位更改字體大小
p { font-size: 2em; /* 相對于當(dāng)前字體大小的2倍 */ }
示例5: 使用rem單位更改字體大小
p { font-size: 2rem; /* 相對于根元素字體大小的2倍 */ }
示例6: 使用vw單位更改字體大小
p { font-size: 2vw; /* 相對于視口寬度的2% */ }
示例7: 使用max()函數(shù)限制字體大小
p { font-size: max(18px, 2vw); /* ***少18px,或視口寬度的2% */ }
示例8: 使用min()函數(shù)限制字體大小
p { font-size: min(24px, 3vw); /* ***少24px,或視口寬度的3% */ }
示例9: 使用clamp()函數(shù)限制字體大小
p { font-size: clamp(16px, 24px, 3vw); /* 在16px到24px之間,或視口寬度的3% */ }
通過調(diào)整font-size
屬性的值,您可以輕松地更改CSS中段落字體的大小,希望這些示例能幫助您快速上手。