css中–的作用 |css满屏图片变形了

/* 定义自定义属性 */
:root {
--main-color: #F06D06;
}
/* 访问自定义属性 */
.header {
background-color: var(--main-color);
}

通过使用自定义属性，可以减少样式表中对于颜色、字体和其他值的重复定义，从而减小整个样式表的文件大小，同时使得样式表的维护变得更加容易。

在使用自定义属性时，需要注意以下几个问题：

1. 自定义属性仅适用于块级或行内元素。

2. 自定义属性必须在其它规则的内部或根伪类选择器的内部定义。常见的方法是在:root选择器中进行定义。

3. 自定义属性的名称是区分大小写的，CSS变量区分大小写，–main-color和–Main-Color是两个不同的自定义属性，调用时需要注意。

总之，自定义属性的引入为CSS样式表的编写和维护带来了重大的变革，减少了大量重复的定义，方便了后期的管理和修改。