CSS3的函数和事件

很久没写过关于css的博客了，今天来记录一下最近遇到的几个新东西。

参考资料：

• css参考手册

Css3函数

之前只知道sass,less这种预处理器有函数，突然发现css3也吸收了他们的想法，搞了自己的函数。目前css的函数有两个：calc/toggle

calc

calc就是calculate的缩写，运算。支持 “+”, “-“, “*”, “/” 运算，使用标准的数学运算优先级规则，要注意运算符前后要有个空格。例如：

width: calc(100% - 100px);

从上边的例子来看，在一些场景下也会很有用的。兼容性也很不错，除了部分安卓浏览器之外，其他都已经支持了。