css字体大小怎么设置

作者：续写丶未来式发布日期:2025-09-08 浏览:95

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

/* 使用像素单位 (px) */
p {
  font-size: 16px; /* 设置段落字体大小为16像素 */
}

/* 使用相对长度单位 (em) */
h1 {
  font-size: 2em; /* 设置标题字体大小为父元素字体大小的2倍 */
}

/* 使用百分比 (%) */
div {
  font-size: 150%; /* 设置div内文本字体大小为父元素字体大小的1.5倍 */
}

/* 使用 rem 单位（相对于根元素 <html> 的字体大小） */
body {
  font-size: 1rem; /* 设置body内的文本字体大小为根元素字体大小的1倍 */
}

解释说明：

px：像素单位，绝对单位，不会随父元素字体大小变化。
em：相对单位，相对于父元素的字体大小，1em 等于父元素的字体大小。
%：百分比单位，相对于父元素的字体大小，100% 等于父元素的字体大小。
rem：相对单位，相对于根元素（<html>）的字体大小，不受父元素影响。

上一篇：css button

下一篇：css min