前面的话

　　一直以来，CSS中是没有变量而言的，要使用 CSS 变量，只能借助 SASS 或者 LESS 这类预编译器。新的草案发布之后，直接在 CSS 中定义和使用变量不再是幻想了。本文将详细介绍CSS变量variable

 

基本用法

　　CSS 变量是由CSS作者定义的实体，其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名，并使用特定的 var() 来访问

　　兼容性：移动端和IE浏览器不兼容

【声明变量】

 　　变量必须以--开头。例如--example-variable: 20px，意思是将20px赋值给--example-varibale变量

　　可以将声明变量的语句置于任何元素内，如果要设置全局变量，则可以设置为:root、body或html

:root{
  --bgColor:#000;
}

　　变量声明就像变普通的样式声明语句一样，也可以使用内联样式

<body style="--bgColor:#000">

　　变量声明语句必须包含一个元素内，而不能随意放置

        		
网友评论