html字体大小

作者：洃铯哖輪发布日期:2025-06-06 浏览:50

<!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 标签中使用 style 属性设置字体大小 -->
    <p style="font-size: 32px;">这是非常大的字体。</p>
</body>
</html>

解释说明：

CSS 类选择器：通过定义 .small-text、.normal-text 和 .large-text 这些类来设置不同的字体大小。
内联样式：可以直接在 HTML 标签中使用 style 属性来设置字体大小，例如 <p style="font-size: 32px;">。
font-size 属性：用于控制文本的字体大小，单位可以是像素 (px)、百分比 (%) 或其他相对单位。

上一篇：html插入图片

下一篇：html单选框