vue基础（一）css sass scss less

前端一提起样式，我们不约而同的都会想到css样式，它是页面设计中最基础的样式语言，但除了css外，还有一些其它的样式语言，比如vue style声明中常用的scss等。为了减少开发时这些专业名词产生的困惑影响，这里搜集了一些常见的样式语言，并简单介绍它们的区别。

css（Cascading Style Sheets）：

层叠样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

Sass （Syntactically Awesome Stylesheets）：

一种动态样式语言，Sass语法属于缩排语法，更容易阅读，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。

Scss与Sass关系?

Sass有两种语法格式，一种是早期的Sass格式，不使用大括号和分号；另一种是目前比较常用的Scss格式，这种格式与平时写的css差不多，使用大括号和分号。

Scss出现背景？

Sass的缩排语法，对于写惯css前端的web开发者来说很不直观，也不能将css代码加入到Sass里面，因此sass语法进行了改良，Sass 3就变成了Scss(sassy css)。与原来的语法兼容，只是用{}取代了原来的缩进。

Less：

也是一种动态样式语言，在CSS的基础上进行了扩展，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可在服务端运行 (借助 Node.js)。