字体大小属性介绍-font-size

语法

• font-size：<absolute-size> | <relative-size> | <length> | <percentage>
• 默认值：medium
• 适用于：所有元素
• 继承性：有
• 动画性：是
• 计算值：指定值

取值说明

• <absolute-size>：根据对象字号进行调节。以 medium 作为基础参照，xx-small相当于medium 3/5 (h6)，x-small: 3/4，small: 8/9 (h5)，medium: 1 (h4)，large: 6/5 (h3)，x-large: 3/2 (h2)，xx-large: 2/1 (h1)
• <relative-size>：相对于父对像中字号进行相对调节。使用成比例的em单位计算
• <length>：用长度值指定文字大小。不允许负值
• <percentage>：用百分比指定文字大小。其百分比取值是基于父对象中字体的尺寸。不允许负值

示例

指定xx-small字体

指定x-small字体

指定small字体

指定medium字体

指定large字体

指定x-large字体

指定xx-large字体

指定smaller字体

指定larger字体

指定xx-large字体

父级20px指定父级60%的字体

其他特性

1.相应的脚本特性为fontSize,即通过el.style.fontSize即可设置或获取字体大小

兼容性

所有浏览器均支持该属性