sass学习笔记

最新推荐文章于 2025-12-17 10:51:44 发布

原创最新推荐文章于 2025-12-17 10:51:44 发布 · 233 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#sass

笔记专栏收录该内容

12 篇文章

订阅专栏

Sass是一种CSS预处理器，能够将脚本语言编译成CSS。它有两种语法：缩进语法和SCSS语法。通过npm install-g sass可以安装Sass。Sass允许使用变量、嵌套规则、混合等内容，使得CSS的编写更加高效和可维护。

什么是sass？

Sass是一个将脚本解析成CSS的脚本语言，即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”，与Haml类似[3]，使用缩进来区分代码块，并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”，使用和CSS一样的块语法，即使用大括号将不同的规则分开，使用分号将具体的样式分开。通常情况下，这两套语法通过.sass和.scss两个文件扩展名区分开。 ----《百度百科》

安装sass
可以使用 npm install -g sass 安装sass

sass的语法

sass index.scss index.css						//将scss文件编译成html可以识别的css
sass --watch index.scss:index.css			//使用 watch 实时观察  index.scss 是否距离上一次有变化，如果是，则将其编译成index.css