css文字大小

作者：只影天涯发布日期:2025-06-17 浏览:34

/* 设置文字大小的示例代码 */

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

/* 使用相对单位 em */
p.em {
    font-size: 1.2em;
}

/* 使用相对单位 rem */
p.rem {
    font-size: 1.5rem;
}

/* 使用百分比 */
p.percent {
    font-size: 150%;
}

/* 使用 viewport units */
p.vw {
    font-size: 3vw;
}

解释说明：

像素 (px)：绝对单位，不依赖于其他元素。16px 表示文字大小为 16 像素。
em：相对单位，相对于父元素的字体大小。1.2em 表示文字大小是父元素字体大小的 1.2 倍。
rem：相对单位，相对于根元素（html 元素）的字体大小。1.5rem 表示文字大小是根元素字体大小的 1.5 倍。
百分比 (%)：相对于父元素的字体大小。150% 表示文字大小是父元素字体大小的 1.5 倍。
视口单位 (vw)：相对于视口宽度。3vw 表示文字大小是视口宽度的 3%。

上一篇：float在css中的用法

下一篇：css特效源码