最近逛招聘网站的时候,发现有很多公司要求需要使用less,sass,stylus的CSS预处理器。我马上去看了这三个CSS预处理器的在线文档,简单上手了一下。下面就简单的说一下CSS预处理器。
MDN是这样定义CSS预处理器的:CSS预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序。
1.为什么会出现或者需要CSS预处理器呢?
CSS(Cascading Style Sheet)被译为级联样式表,也称为风格样式表(style sheet),它主要是用来进行网页风格设计的,通过设置样式表,可以对HTML的标签进行样式编辑,能够进行初步的交互设计。但是,CSS本身而言,它并不是一种编程语言,它不像编程语言一样有自己的变量,常量或条件语句,只是一行行的属性描述,写起来费事而且难组织和维护。这个时候,就需要CSS预处理器的出现了。
CSS预处理器是用一种专门的编程语言,进行web页面样式设计,然后编译成正常的CSS文件,以供项目使用。CSS预处理器还为CSS增加了一些编程的特性,无需考虑浏览器的兼容性问题。例如:可以在CSS中使用变量,函数等编程语言的特性来编写样式,可以让CSS更加简洁,适应性更强,可读性更佳,更易于代码的维护等诸多优点。
未完待续……