css var

作者：ˉ吻干迩的'泪发布日期:2025-08-22 浏览:35

:root {
  --main-color: #4CAF50;
  --font-size: 16px;
}

body {
  background-color: var(--main-color);
  font-size: var(--font-size);
}

h1 {
  color: var(--main-color);
}

解释说明：

:root：选择文档的根元素（即 <html>），在其中定义的变量可以在整个文档中使用。
--main-color 和 --font-size：自定义 CSS 变量，分别表示主颜色和字体大小。
var()：用于引用自定义属性（即变量）的值。例如，background-color: var(--main-color) 将背景颜色设置为 #4CAF50。

上一篇：css字体间距

下一篇：css省略号表示溢出文本