- CSS预处理是一种将CSS作为目标生成文件的,使用变量、函数及简单的逻辑实现 更加简洁、适应性更强、可读性更加、更易于代码维护的兼容浏览器的页面样式文件。
- 相对成熟的CSS预处理器语言有这三种:Sass(Scss)、LESS、Stylus
- 一个简单的代码片段解释一下SASS和CSS的区别:
body{ font-size: 16px; background: #ccc; }
SCSS语法
$primary-font-size: 16px; //定义变量 $primary-background: #ccc; //定义变量 body{ font-size: $primary-font-size; background: $primary-background; }
Sass语法
$primary-font-size: 16px $primary-background: #ccc body font-size: $primary-font-size background: $primary-background
- Sass是基于Ruby写出的,延续了Ruby的书写规范,在书写时不带大括号和分号,主要依靠严格的缩进方式来控制。