CSS变量之var()函数的应用——动态修改样式 & root的使用

一、css变量

body {
   
   
  --foo: #7F593F;
  --urls: './img/xxx.jpg';
}

变量的名称可以用数字、汉字等，不能包含**$，[，^，(，%**等字符，变量的值也是可以使用各种属性值：
如：

// 定义css变量
:root{
   
   
  --黑色背景: #3a6b5c;
  --255: rgb(256, 256, 256);
  --pd: 10px 20px;
  --height: