html文字大小设置

作者：千山暮雪ミ发布日期:2026-08-04 浏览:58

<!DOCTYPE html>
<html>
<head>
    <title>HTML 文字大小设置示例</title>
    <style>
        /* 使用 CSS 设置文字大小 */
        .small-text {
            font-size: 12px; /* 设置较小的文字大小 */
        }

        .normal-text {
            font-size: 16px; /* 默认的正常文字大小 */
        }

        .large-text {
            font-size: 24px; /* 设置较大的文字大小 */
        }
    </style>
</head>
<body>
    <p class="small-text">这是较小的文字。</p>
    <p class="normal-text">这是正常大小的文字。</p>
    <p class="large-text">这是较大的文字。</p>

    <!-- 使用 HTML 标签直接设置文字大小 -->
    <p><font size="2">这是使用 HTML font 标签设置的小号文字。</font></p>
    <p><font size="3">这是使用 HTML font 标签设置的中号文字。</font></p>
    <p><font size="5">这是使用 HTML font 标签设置的大号文字。</font></p>
</body>
</html>

解释说明：

CSS 方式：通过在 <style> 标签中定义不同的类（如 .small-text, .normal-text, .large-text），可以为不同的段落设置不同的字体大小。这种方式是推荐的做法，因为它将样式与内容分离，便于维护和管理。
HTML font 标签方式：虽然可以直接使用 <font> 标签来设置文字大小，但这种方法已经过时，不推荐在现代网页开发中使用。建议尽量使用 CSS 来控制样式。
font-size 属性：在 CSS 中，font-size 属性用于指定文本的大小，可以使用像素 (px)、百分比 (%) 或相对单位（如 em）等不同单位来设置。

上一篇：html回车换行

下一篇：html标签有几种