自学过程中都是以完成功能为目标，没有考虑到项目日后的维护难度。在写毕业设计过程中，一个按钮的颜色被用到多次，每次都要专门去看一下之前怎么写的很麻烦。
使用css变量之后就很方便
CSS变量
声明变量
:root选择器匹配文档的根元素
变量名称必须以两个破折号（--）开头，且区分大小写！
CSS变量有全局变量和局部变量，我一般使用:root选择器的全局变量
:root{
--button-bg: linear-gradient(-45deg, #3967FF, #B500FE);
}
使用变量
使用格式为var(变量名)
.nowLogin {
background: var(--button-bg);
}
以后如果不想使用这个按钮颜色，直接在:root选择器里修改这个变量的值就好，很省事。
Less局部变量
less中变量的使用规则感觉跟拼接字符串一样
声明变量
声明规则：@name: value
使用变量
使用规则： @{name}
与CSS变量的不同是，css变量只能给css的属性值使用变量。而Less的局部变量的使用规则跟拼接字符串一样，可以给css属性值，css属性名,css选择器，甚至url路由使用变量。这是比css变量好用的地方
