前端学习——CSS预处理器，SASS初见

SASS文档

CSS预处理器

之前写过postman的测试脚本，对预处理器有一个大概的了解。

css不是一种语言，也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。

很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。

示例

$width: 200px; //$+名称  表示变量，: 赋值
$height: 200px !default; //!default  表示默认值
$height: 100px; //重复赋值直接覆盖掉默认值
.demo {
   
  width: $