2023-06-06 15:08:53 CSS使用 font-size 属性来设置字体大小。
CSS 中,可以使用 font-size 属性来设置字体大小。以下是几种常用的方法:
1、使用绝对单位(如像素 px)设置字体大小:
.element {
font-size: 16px;
}
在上面的示例中,将 .element 元素的字体大小设置为 16 像素。
2、使用相对单位设置字体大小:
em:相对于父元素的字体大小。例如,2em 表示字体大小是父元素字体大小的两倍。
rem:相对于根元素(html 元素)的字体大小。例如,1.5rem 表示字体大小是根元素字体大小的 1.5 倍。
.element {
font-size: 1.2em;
}
在上面的示例中,.element 元素的字体大小是父元素字体大小的 1.2 倍。
3、使用百分比设置字体大小:
.element {
font-size: 120%;
}
在上面的示例中,.element 元素的字体大小是父元素字体大小的 120%。
4、使用关键字设置字体大小:
small:较小的字体大小。
medium:中等大小的字体(默认值)。
large:较大的字体大小。
x-large:更大的字体大小。
xx-large:更大的字体大小。
.element {
font-size: large;
}
在上面的示例中,.element 元素的字体大小被设置为较大。
可以根据需要选择适当的方法和单位来设置字体大小。使用不同的单位和值可以创建出多样化的字体大小效果。