Sass简介
简介
Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。
特性 (Features)
- 完全兼容 CSS3
- 在 CSS 基础上增加变量、嵌套 (nesting)、混合 (mixins) 等功能
- 通过函数进行颜色值与属性值的运算
- 提供控制指令 (control directives)等高级功能
- 自定义输出格式
语法格式 (Syntax)
Sass 有两种语法格式:
Scss:在 CSS3 语法上进行拓展,所有 CSS3 语法在 SCSS 中都能通用,同时加入 Sass 的特色功能,其文件拓展名为 .scss
;
Sass:是一种简化格式,它使用“缩进”代替“花括号”,用 “换行” 代替 “分号”;
Scss是Sass的升级版,是 Sass 3 引入的新语法,其语法完全兼容 CSS3,是Sassy CSS的简写,是CSS3语法的超集;