前言
完成《CSS核心技术与实战》这本书,已有一个多月了,而这篇文章原本是打算写在那本书里面的,但本章讲解的内容,毕竟属于CSS未来的范畴,而这一切都还不能够确定下来,所以这一章没有写进去,但不管怎么说,多少了解一下还是有好处的,里面部分功能,有些浏览器已经实现了。
如果你对CSS预处理器感兴趣,那么本篇文章也许很适合你。
初学CSS预处理器,其实我是不太明白为什么需要用这种东西的,后来想明白一件事,一切都是为了可维护性。比如下面这幅图

距离左边有一点点间距,而其他元素设置的间距往往也是一样的,但如果不使用预处理器,或许我们会这样写
.box{ padding:12px;
}.footer{ padding:12px;
}
....{ padding:12px;
}但这种问题是,如果需要更改所有间距,你不得不诶个去替换,这样带来了很多不必要的工作量,如果使用预处理器就好办了,因为预处理器是允许你使用变量的,你可以像编程语言那样,定义一个全局变量,在需要的地方,引用这个全局变量,更改的时候,只需要修改一处就好了,假设代码如下:
var pad = 2px;
.box{
padding:pad;
}
.footer{
padding:pad;
}也就是说预处理器很大一部分就是为了解决可维护性,本章讲解的是后处理器。
那么后处理器和预处理器有什么区别
你可以这样理解,后处理器就好比动态语言,而预处理器就好比静态语言。预
