css设置字体大小

作者：★执着唯她发布日期:2025-05-06 浏览:74

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

/* 使用像素单位设置字体大小 */
p.pixel {
  font-size: 16px;
}

/* 使用相对单位（em）设置字体大小，相对于父元素的字体大小 */
p.em {
  font-size: 1.2em;
}

/* 使用相对单位（rem）设置字体大小，相对于根元素（html）的字体大小 */
p.rem {
  font-size: 1.5rem;
}

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

/* 使用vw单位设置字体大小，相对于视口宽度 */
p.vw {
  font-size: 3vw;
}

解释说明：

像素 (px)：固定大小，不会随父元素或根元素的字体大小变化。
em：相对单位，基于父元素的字体大小。1em 等于父元素的字体大小。
rem：相对单位，基于根元素 (<html>) 的字体大小。1rem 等于根元素的字体大小。
百分比 (%)：相对单位，基于父元素的字体大小。100% 等于父元素的字体大小。
vw：相对单位，基于视口宽度。1vw 等于视口宽度的 1%。

上一篇：css弹性布局

下一篇：css 过渡