很久没写过关于css的博客了,今天来记录一下最近遇到的几个新东西。
参考资料:
Css3函数
之前只知道sass,less这种预处理器有函数,突然发现css3也吸收了他们的想法,搞了自己的函数。目前css的函数有两个:
calc/toggle
calc
calc
就是calculate的缩写,运算。支持 “+”, “-“, “*”, “/” 运算,使用标准的数学运算优先级规则,要注意运算符前后要有个空格。例如:
width: calc(100% - 100px);
从上边的例子来看,在一些场景下也会很有用的。兼容性也很不错,除了部分安卓浏览器之外,其他都已经支持了。
toggle
看到
to