我们为什么要选择CSS预处理语言

学过CSS的小伙伴都知道,CSS只是一门描述性的语言,你只能一行一行单纯地描述,并不能像JavaScript那样使用变量、循环、运算等方式来操作。 CSS预处理器的出现,使得我们可以像操作JavaScript那样以“编程”的方式来书写CSS。在CSS预处理器中,我们可以使用变量、循环、函数等方式来简化操作,提高开发效率 CSS预处理器,说白了就是用编程方式来写CSS的一类语言,就这么简单。

国内常用的有less和sass,我选择sass来讲,国内教程比较多,也更成熟

sass的语法

Sass语法

Sass 基本运算

Sass代码重用

Sass流程控制

3.常见问题

sass想要使用让SASS监听某个文件或目录,但在命令行下面语句:Encoding::CompatibilityError: incompatible character encodings: GBK and UTF-8 Use --trace for backtrace.

语法: return[()[expression][]]; 可选项 expression 参数是要从函数返回的值。如果省略,则该函数不返回值。 用 return 语句来终止一个函数的执行,并返回 expression 的值。如果 expression 被省略, 或在函数内没有 return 语句被执行,则把值 undefined 赋给调用当前函数的表达式。