sass初学入门笔记（一）-html教程-PHP中文网

sass初学入门笔记（一）

php中文网

发布： 2016-09-07 12:58:11

原创

1385人浏览过

我本身是个新手，一边学sass一边记下的笔记，可能有点罗嗦，但是复习起来的话还是比较全面直观的。当然，最重要的还是去实践，实践得真理

其它 CSS 预处理器语言：

CSS 预处理器技术已经非常的成熟，而且也涌现出了很多种不同的 CSS 预处理器语言，比如说：

在众多优秀的 CSS 预处理器语言中就属 Sass、LESS 和 Stylus 最优秀，讨论的也多，对比的也多。

Sass 是最早的 CSS 预处理语言，有比 LESS 更为强大的功能，Sass 虽然出现得最早，但远不如 LESS 普及。

其一开始的缩进式老版本语法，不能被大众接受，由于其强大的功能和 Ruby on Rails 的大力推动，还是有很多开发者选择了 Sass。

Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言，最初它是为了配合 HAML（关于haml：http://www.bianceng.cn/web/Html/201411/46562_2.htm

一种缩进式 HTML 预编译器）而设计的，因此有着和 HTML 一样的缩进式风格。

Sass 和 SCSS 有什么区别？

Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点：

文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名
语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)
而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似（SCSS 和 CSS 写法无差别）。简单点说，把你现有的“.css”文件直接修改成“.scss”即可使用。