css字体粗细

作者：傲骨依旧发布日期:2026-05-13 浏览:51

/* 设置字体粗细的示例代码 */

/* 使用 font-weight 属性来设置字体粗细 */
p {
  font-weight: 400; /* 正常字体粗细，等同于 normal */
}

h1 {
  font-weight: 700; /* 粗体，等同于 bold */
}

strong {
  font-weight: 900; /* 最粗的字体粗细，等同于 black */
}

/* 还可以使用关键字来设置字体粗细 */
.emphasis {
  font-weight: bold; /* 粗体 */
}

.light-text {
  font-weight: lighter; /* 相对于父元素更细 */
}

.heavy-text {
  font-weight: bolder; /* 相对于父元素更粗 */
}

解释说明：

font-weight 是 CSS 中用于控制字体粗细的属性。
可以使用数字（如 100 到 900）或关键字（如 normal, bold, lighter, bolder）来指定字体粗细。
数字越大的值表示字体越粗。常见的值有 400（正常），700（粗体），以及 900（最粗）。
关键字 normal 和 bold 分别对应 400 和 700，而 lighter 和 bolder 则是相对于父元素的字体粗细进行调整。

上一篇：css 靠右

下一篇：css底部对齐