Day12 什麽是Sass？

大家好，我是乌木白，今天要来和大家来讲解Sass。

Sass？

Sass 是一个管理 Css 的语言，Sass 是让初学者认识到一些基础的程序逻辑，如果你还没学习过 Javascript 之类程序语言，Sass 会让你先体会到一些逻辑。大家在写 Css 时基本上都是一只 all.css 一路写到地，我也不例外，但是自从了解到了 Sass 之後，我才发现原来有这麽一个工具可以让我的 Css 变得更加清晰及一目了然。

Sass 与 Css 的不同之处？

如果我今天的 HTML 档案，有一个叫做 header 的 css 选择器，里面包着 h2、menu、logo，我只需要在 Scss 的档案里面做编写，然後就可以使用外挂程序帮我编译成 Css 的档案！

Sass 的原理

以这张图来说，我们就是把许多的档案都把他独立出来成一个 Scss 档，然後我们再汇入进去 all.scss 档案里面，那麽外挂程序就会再帮我们编译出 all.css 档案，这样我们再检查资料时，会更佳的清楚明了！

Sass 的两种写法

最左边的是 Css 中间的是 Scss 最右边的是 Sass ，Sass 大部分的人都有自己习惯的写法，那我的写法是中间的 Scss 的写法，在看的时候比较不会出差错！

因为我的习惯是 Scss ，之後有关 Sass 的文章，会以 Scss 为主喔！

图片来源：
六角学院