快速学sass(三)--输出方式

众所周知，每个人编写的 CSS 样式风格都不一样，有的喜欢将所有样式代码都写在同一行，而有的喜欢将样式分行书写。在 Sass 中编译出来的样式风格也可以按不同的样式风格显示。其主要包括以下几种样式风格：
1、嵌套输出方式 nested
在编译的时候带上参数“ –style nested”:

sass --watch test.scss:test.css --style nested

编译前和编译后的对比如下图：

2、展开输出方式 expanded
在编译的时候带上参数“ –style expanded”:
这个输出的 CSS 样式风格和 nested 类似，只是大括号在另起一行

sass --watch test.scss:test.css --style expanded

3、紧凑输出方式 compact

在编译的时候带上参数“ –style compact”:

sass --watch test.scss:test.css --style compact

该方式适合那些喜欢单行 CSS 样式格式的朋友

4、压缩输出方式 compressed

在编译的时候带上参数“ –style compressed”:
压缩输出方式会去掉标准的 Sass 和 CSS 注释及空格。也就是压缩好的 CSS 代码样式风格：

sass --watch test.scss:test.css --style compressed

编译出来的CSS样式风格的选择完全是个人喜好问题，可以根据自己喜欢的风格选择参数。

一段时间之后，你实际上就不再需要写 CSS 代码了，只用写 Sass 代码。在这种情况下，你只需要设定输出格式为压缩格式，知道输出的 CSS 代码可以直接使用即可。