CSS 变量当前有两种形式：
变量，就是拥有合法标识符和合法的值。可以被使用在任意的地方。可以使用var()函数使用变量。例如：var(--example-variable)会返回--example-variable所对应的值
自定义属性。这些属性使用--*where*的特殊格式作为名字。例如--example-variable: 20px;即使一个css声明语句。意思是将20px赋值给--example-varibale变量。
css变量以“--”为前缀定义。
css定义变量示例：
声明一个局部变量：
element {
--main-bg-color: brown;
}使用一个局部变量：
element {
background-color: var(--main-bg-color);
}声明一个 全局 CSS 变量：
:root {
--global-color: #666;
--pane-padding: 5px 42px;
}使用一个 全局 CSS 变量：
.demo{
color: var(--global-color);
}以上就是css如何定义变量？的详细内容，更多请关注易知道|edz.cc其它相关文章！
