变量的定义：
:root{
    --main-font-size: 16px;
}
“--”是必须的，“main-font-size”是变量名。相当于PHP定义变量$abc，“$”是必须的变量前缀，abc是变量名。使用时，必须是--main-font-size一起出现。

可以在最顶级的伪类:root中定义变量，这样在整个CSS中都可以使用了。:root其实就是html元素。

变量的使用：
p{
    font-size: var(--main-font-size);
}
使用var()函数来

变量的备用值：
p{
    font-size: var(--main-font-size, 14px);
}
如果变量--main-font-size不存在时，使用14px作为font-size。

关于在CSS中使用变量（即自定义属性），本文就介绍这么多，希望对大家有所帮助！