CSS font-size 属性
示例
设置不同元素的字体大小
div.a {
font-size: 15px;
}
div.b {
font-size: large;
}
div.c {
font-size: 150%;
}
亲自试一试 »
定义和用法
The font-size
属性设置字体的尺寸。
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
font-size | 1.0 | 5.5 | 1.0 | 1.0 | 7.0 |
CSS 语法
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;
属性值
值 | 描述 | 演示 |
---|---|---|
medium | 将字体大小设置为中等大小。这是默认值 | 演示 ❯ |
xx-small | 将字体大小设置为 xx-small 大小 | 演示 ❯ |
x-small | 将字体大小设置为 extra small 大小 | 演示 ❯ |
small | 将字体大小设置为 small 大小 | 演示 ❯ |
large | 将字体大小设置为 large 大小 | 演示 ❯ |
x-large | 将字体大小设置为 extra large 大小 | 演示 ❯ |
xx-large | 将字体大小设置为 xx-large 大小 | 演示 ❯ |
smaller | 将字体大小设置为比父元素更小的尺寸 | 演示 ❯ |
larger | 将字体大小设置为比父元素更大的尺寸 | 演示 ❯ |
length | 将字体大小设置为固定大小,例如 px、cm 等。 了解长度单位 | 演示 ❯ |
% | 将字体大小设置为父元素字体大小的百分比 | 演示 ❯ |
initial | 将此属性设置为其默认值。 了解 initial | |
inherit | 从其父元素继承此属性。 了解 inherit |
相关页面
CSS 教程: CSS 字体
CSS 参考: font 属性
HTML DOM 参考: fontSize 属性