html文字大小

作者：醉眼看苍生发布日期:2025-09-30 浏览:42

<!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: 36px;
        }
    </style>
</head>
<body>
    <p class="small-text">这是较小的文字。</p>
    <p class="normal-text">这是正常大小的文字。</p>
    <p class="large-text">这是较大的文字。</p>
    <p class="extra-large-text">这是非常大的文字。</p>

    <!-- 使用 HTML 标签设置文字大小 -->
    <p><font size="1">这是最小的文字。</font></p>
    <p><font size="3">这是中等大小的文字。</font></p>
    <p><font size="5">这是较大的文字。</font></p>
    <p><font size="7">这是最大的文字。</font></p>
</body>
</html>

解释说明：

CSS 设置文字大小：通过定义不同的 CSS 类（如 .small-text, .normal-text 等），可以方便地控制文本的字体大小。这种方式更灵活且推荐使用。
HTML 标签设置文字大小：使用 <font> 标签和 size 属性也可以设置文字大小，但这种方法已经过时，不推荐在现代网页开发中使用。

上一篇：html换行符怎么输入

下一篇：html是用来干嘛的