css字体大小

作者：Angel★狂龙发布日期:2026-04-02 浏览:44

/* 设置字体大小的几种常见方法 */

/* 使用像素 (px) */
p.pixel {
    font-size: 16px;
}

/* 使用相对长度单位 em 和 rem */
p.em {
    font-size: 1.2em; /* 相对于父元素的字体大小 */
}

p.rem {
    font-size: 1.2rem; /* 相对于根元素 (html) 的字体大小 */
}

/* 使用百分比 (%) */
p.percent {
    font-size: 150%; /* 相对于父元素的字体大小 */
}

/* 使用 viewport 宽度 (vw) 和 viewport 高度 (vh) */
p.vw {
    font-size: 5vw; /* 相对于视口宽度的 5% */
}

p.vh {
    font-size: 5vh; /* 相对于视口高度的 5% */
}

解释说明：

像素 (px)：绝对单位，不随屏幕大小变化而变化。
em：相对单位，相对于父元素的字体大小。
rem：相对单位，相对于根元素 (<html>) 的字体大小。
百分比 (%)：相对单位，相对于父元素的字体大小。
vw 和 vh：相对单位，分别相对于视口宽度和高度的百分比。

上一篇：css 背景透明

下一篇：css border 虚线