day18 - CSS函数

1. var函数

CSS给我们封装好的拿来使用就可以了

var() CSS 函数可以插入一个自定义属性（有时也被称为“CSS变量”），用来代替非自定义属性中值的任何部分。它允许我们在样式表中定义可重用的值，并在多个地方引用它们。这种机制不仅提高了代码的可维护性和灵活性，还使得动态更新样式成为可能

函数的作用主要就是用来复用的，目的就是为了提高开发效率和降低维护成本的

var a = 1;

<div data-title="我是狗熊岭的熊大"></div>

div {color: red;}

1.1. 语法

var(--custom-property-name, fallback-value); 
/*
--custom-property-name：必需的，表示自定义属性的名称，名称前必须有两个连字符(–)
fallback-value：可选的，表示当自定义属性未定义时使用的回退值
*/

1.2. 声明

自定义属性（CSS变量）可以在样式表的任何地方声明，但通常推荐在:root伪类选择器中进行全局声明，以确保它们在整个文档中都可用。