CSS font-size 属性 · W3School CSS 参考手册

# CSS font-size 属性 ## 实例设置不同的 HTML 元素的尺寸： ``` h1 {font-size:250%;} h2 {font-size:200%;} p {font-size:100%} ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流浏览器都支持 font-size 属性。注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。 ## 定义和用法 font-size 属性可设置字体的尺寸。 ### 说明该属性设置元素的字体大小。注意，实际上它设置的是字体中字符框的高度；实际的字符字形可能比这些框高或矮（通常会矮）。各关键字对应的字体必须比一个最小关键字相应字体要高，并且要小于下一个最大关键字对应的字体。 | 默认值： | medium | | --- | --- | | 继承性： | yes | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 语法： | _object_.style.fontSize="larger" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | * xx-small * x-small * small * medium * large * x-large * xx-large | 把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。默认值：medium。 | | smaller | 把 font-size 设置为比父元素更小的尺寸。 | | larger | 把 font-size 设置为比父元素更大的尺寸。 | | _length_ | 把 font-size 设置为一个固定的值。 | | _%_ | 把 font-size 设置为基于父元素的一个百分比值。 | | inherit | 规定应该从父元素继承字体尺寸。 | ## TIY 实例 [设置字体尺寸](/tiy/t.asp?f=csse_font-size) 本例演示如何设置字体尺寸。 ``` <html> <head> <style type="text/css"> h1 {font-size: 300%} h2 {font-size: 200%} p {font-size: 100%} </style> </head> <body> <h1>This is header 1</h1> <h2>This is header 2</h2> <p>This is a paragraph</p> </body> </html> ``` ## 相关页面 CSS 教程：[CSS 字体](/css/css_font.asp "CSS 字体") CSS 参考手册：[CSS font 属性](/cssref/pr_font_font.asp "CSS font 属性") HTML DOM 参考手册：[fontSize 属性](/jsref/prop_style_fontsize.asp "HTML DOM fontSize 属性")