CSS font-size 属性

设置不同的HTML元素的字体大小：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    h1 {
      font-size: 250%;
    }

    h2 {
      font-size: 200%;
    }

    p {
      font-size: 100%;
    }
  </style>
</head>

<body>
  <h1>This is heading 1</h1>
  <h2>This is heading 2</h2>
  <p>This is a paragraph.</p>
</body>

</html>

尝试一下 »

属性定义及使用说明

font-size属性设置字体大小。

默认值： medium
继承： yes
版本： CSS1
JavaScript 语法： object.style.fontSize="larger"

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
font-size 1.0 5.5 1.0 1.0 7.0

属性值

值 描述
  • 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 规定应该从父元素继承字体尺寸。

相关文章

CSS 教程: CSS Font

CSS 参考手册: font 属性