CSS3中变量的定义和使用

css变量可以称作css自定义属性，许多css中重复的值就可以用这个变量来表示，如果要修改的话那么修改变量的值就可以做到统一修改而不用一个一个在css中找出来进行修改(主要用于主题修改)

/* 定义参数 */
:root{
    --main-color:#056de8
}
/* 使用参数 */
button{
    background-color: var(--main-color);
    color: white;
    padding: 10px;
}
/* 修改参数 */
button:hover{
    --main-color:red;
}