在任何语言中，变量的有一点作用都是一样的，那就是可以降低维护成本，附带还有更高性能，文件更高压缩率的好处。
随着CSS预编译工具Sass/Less/Stylus的关注和逐渐流行，CSS工作组迅速跟进CSS变量的规范制定，并且，很多浏览器已经跟进，目前，在部分项目中已经可以直接使用了。
本文几乎就是业界关于CSS3 var()变量首发的文章，希望里面的内容能够对您的工作和学习有所帮助~~
文章关键字 ‘currentColor’
小tips:了解CSS变量var
2016年11月26日，星期六基于CSS color属性的静态UI组件重构策略
2016年11月18日，星期五技术的发展往往会带来相应的思维方式上的转变，这样才能相辅相成，发挥新技术的潜力，如果还是使用以前的思维模式，怎么说呢，有着劳斯莱斯加着92#汽油在跑的感觉。
传统的实现，包括现在移动端几乎所有的实现套路都是下面这样的，无论是标签还是按钮，都是先设定一个基础类名，写下基本样式，然后不同的颜色重新命名一个状态类名，覆盖默认的边框色或者背景色或者文字颜色，是什么颜色就写什么颜色。
但，实际上，如果采用基于color重构UI组件的策略，则可能会有意想不到的裨益……
CSS1-CSS3 <color>颜色知识知多少？
2015年07月26日，星期日本文讲的是CSS1-CSS3 <color>颜色的一些知识，有些你可能知道，有些可能并不知道，算是对过往一些知识点的总结吧。无Demo，有截图，有源代码示意，总之，希望本文的内容能够对您的学习有所帮助。
再说CSS3 animation实现点点点loading动画
2014年12月28日，星期日以前介绍过一种方法实现打点loading动画效果，但是那个方法不健壮，机缘巧合，让我重新思考有没有更好的方法。而本文分享的就是自己想到了2个全新的实现方法，兼容各大小浏览器。
本文不仅有demo，源代码展示，还特意制作了多种gif效果演示帮助理解，相信本文的内容会对你的工作有所帮助的！
currentColor-CSS3超高校级好用CSS变量
2014年10月25日，星期六currentColor顾名思意就是“当前颜色”，准确讲应该是“当前的文字颜色”，是非常强大非常好用的一个关键字。本文就将介绍这个关键字的含义、表现，以及提供两个实例展示其价值之处。必要的源代码、必要的截图、必要的demo一个不少，总之，希望本文的内容能够对您的学习有所帮助。
SVG图标颜色文字般继承与填充
2014年07月22日，星期二前文介绍了SVG Sprites身材和内涵，顺大便客观的评价了SVG Sprites比font-face高几层楼的事实（看看外国同行的对比）。但是呢，人总是这样，总是容不得说自己现在使用东西的不好。于是乎，不经意间戳动了点小小的自尊。导致文章也没细读就大肆反驳：SVG图标颜色要内联设置，不像font-face那样好控制！而且还不只一位兄弟这么说。
其实呢，我并不忍心说实话的：SVG图标颜色控制要比font-face有过之而无不及……
我的应用
我的应用