📜  grandezza caratteri css (1)

📅  最后修改于: 2023-12-03 15:15:25.442000             🧑  作者: Mango

CSS 字体大小

在 CSS 中,可以使用 font-size 属性来设置文本的大小。通过调整字体大小,可以影响到网站设计的整体风格和页面布局。

语法
selector {
  font-size: value;
}

font-size 属性可接受多种值,包括:

  • 绝对单位:如 pxpt 等。
  • 相对单位:如 emrem 等。
  • 百分比:如 100%200% 等。

示例:

body {
  font-size: 16px;
}

h1 {
  font-size: 2em;
}

p {
  font-size: 120%;
}
建议
  • 建议使用相对单位(如 emrem),以便在不同的分辨率下保持一致的字体大小。
  • 不建议使用绝对单位(如 pxpt),因为这些单位对于不同的屏幕分辨率或打印机可能会产生不同的效果。
示例

下面是一个简单的示例,展示如何使用 font-size 属性来设置字体大小:

<!DOCTYPE html>
<html>
<head>
  <title>CSS 字体大小</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      font-size: 16px;
    }
    h1 {
      font-size: 2em;
    }
    p {
      font-size: 120%;
    }
  </style>
</head>
<body>
  <h1>这是一个标题</h1>
  <p>这是一段文本。</p>
</body>
</html>
结论

通过调整 font-size 属性,可以更好地控制网站的整体风格和页面布局。建议使用相对单位,以确保在不同的屏幕分辨率或打印机上都能保持一致的字体大小。