转https://www.h5jun.com/post/autoprefixing-with-css-variables-lea-verou.html 最近，当我在制作 markapp.io 这个小网站的时候，我想出一个巧妙的技巧用在 CSS 变量上，我们可以天然地使用它们的动态本质。让我们看一下当 ...
分类：
Web程序 时间：
2017-07-19 23:15:30
阅读次数：
233
[1]基本用法 [2]继承和层叠 [3]组合和计算 [4]JS [5]不支持 [6]用途 ...
分类：
Web程序 时间：
2017-07-15 17:56:44
阅读次数：
278
作者： 阮一峰 日期： 2017年5月 9日 今年三月，微软宣布 Edge 浏览器将支持 CSS 变量。 这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词线（--）。 bo ...
分类：
Web程序 时间：
2017-06-29 17:32:23
阅读次数：
172
之前从来没有这样用过，感觉也是很惊奇啊，像less“变量”一样； .Variables{ --color:red; background: var(--color); width: 100px; height: 50px; } <div class='Variables'></div> .butto ...
分类：
Web程序 时间：
2017-06-21 15:58:44
阅读次数：
193
一、变量的声明及使用 声明声明，在变量名前加 --； 变量的使用，用var（）调用； 上面伪类root中定义了变量--myColor，它与正式属性没有什么不同，所以 CSS 变量（CSS variable）又叫做"CSS 自定义属性"（CSS custom properties）。 把css变量直接 ...
分类：
Web程序 时间：
2017-06-21 14:13:48
阅读次数：
176
作者： 阮一峰 日期： 2017年5月 9日 今年三月，微软宣布 Edge 浏览器将支持 CSS 变量。 这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词线（--）。 bo ...
分类：
Web程序 时间：
2017-06-20 12:23:51
阅读次数：
187
一、变量的声明 声明变量的时候，变量名前面要加两根连词线（--）。 body { --foo: #7F583F; --bar: #F7EFD2; } 上面代码中，body选择器里面声明了两个变量：--foo和--bar。它们与color、font-size等正式属性没有什么不同，只是没有默认含义。所 ...
分类：
Web程序 时间：
2017-06-15 17:50:04
阅读次数：
248
全部随笔/CSS3 作为前端小白，热衷于前端技术，最近正在学习CSS3。前几天看见一篇文章：《必须了解的CSS变量（var）》，看见这标题就立刻被吸引了。纳尼纳尼？var不是JavaScript的关键字么，什么时候CSS也能用了？话说啥时候CSS也能声明变量了？难道不是像SASS/SCSS这样的CS ...
分类：
Web程序 时间：
2016-12-18 17:15:18
阅读次数：
275
<div onClick="test('yellow')"> CSS Variable</div> CSS :root{ --mainColor:red;} div{ background:black; color:var(--mainColor);} div{ text-align:center; ...
分类：
编程语言 时间：
2016-12-16 07:46:01
阅读次数：
231
一、变量是个好东西 在任何语言中，变量的有一点作用都是一样的，那就是可以降低维护成本，附带还有更高性能，文件更高压缩率的好处。 随着CSS预编译工具Sass/Less/Stylus的关注和逐渐流行，CSS工作组迅速跟进CSS变量的规范制定，并且，很多浏览器已经跟进，目前，在部分项目中已经可以直接使用 ...
分类：
Web程序 时间：
2016-12-09 11:47:38
阅读次数：
234
