html 字体大小

作者：资本principal 发布日期:2026-02-21 浏览:101

<!DOCTYPE html>
<html>
<head>
    <title>HTML 字体大小示例</title>
    <style>
        /* 使用 CSS 设置字体大小 */
        .small-text {
            font-size: 12px; /* 小字体 */
        }
        .normal-text {
            font-size: 16px; /* 默认字体大小 */
        }
        .large-text {
            font-size: 24px; /* 大字体 */
        }
        .extra-large-text {
            font-size: 32px; /* 超大字体 */
        }
    </style>
</head>
<body>
    <p class="small-text">这是一个小字体的段落。</p>
    <p class="normal-text">这是默认字体大小的段落。</p>
    <p class="large-text">这是一个大字体的段落。</p>
    <p class="extra-large-text">这是一个超大字体的段落。</p>
</body>
</html>

解释说明：

在 HTML 中，可以通过 CSS 来设置字体大小。
font-size 是 CSS 中用于控制文本大小的属性。
在上面的代码中，定义了四个不同的类（.small-text, .normal-text, .large-text, .extra-large-text），每个类设置了不同的字体大小。
这些类可以应用到 HTML 元素上，以改变它们的字体大小。

上一篇：html标签大全

下一篇：width在html中的用法