CSS 变量就像任何编程语言的简单变量。这些变量用于存储值并具有可以使用这些变量的范围。变量是通过在开头使用两个破折号 (–) 和区分大小写的名称来定义的。变量的好处是它允许在多个地方重用相同的值并从一个地方更新/修改。此外,与颜色值相比,变量名称更易于理解和使用。
句法:
var( --custom-name, value )
参数:变量 var() 接受下面列出的两个参数:
- –custom-name是必需参数,接受自定义属性名称。
- 值:它是一个可选参数。它接受在自定义属性无效时使用的回退值。
示例 1:
CSS Variables
GeeksforGeeks
A computer science portal for geeks
输出:
示例 2:
CSS Variables
GeeksforGeeks
A computer science portal for geeks
输出:
支持的浏览器: CSS 变量支持的浏览器如下:
- 谷歌浏览器 49.0
- 互联网浏览器 15.0
- 火狐 31.0
- Safari 9.1
- 歌剧 36.0