css 字体大小

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 元素的字体大小被设置为较大。

可以根据需要选择适当的方法和单位来设置字体大小。使用不同的单位和值可以创建出多样化的字体大小效果。

更新