序言：最近在自己玩玩引一些好看的字体样式的时候，偶然看见有 .less的样式文件，又偶然想起还有.scss格式的样式文件，这些虽然有印象，还是想写篇博文加深一下理解，就跑来记录一下，作为小白理解的可能会浅显，文章末尾附有借鉴文档。
Ps：有关Vue项目引入Sass、Less，会在下篇博文讲述：https://www.cnblogs.com/yanyuyinmo/p/15573559.html
1、Css概念：前端恰饭的三件套之一（Html + Js + Css），层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言，它是用来优化网页的结构和内容的（就是控制页面的文字、颜色、背景图片等等影响外观的东西，通俗点就是，人靠衣装，马靠鞍，Css就是制造衣服的缝纫机，制造马鞍的制革台）。
使用：Html元素的Css样式是写在 里面
这是蓝色的/* Css样式*/.testCss { flex: 1; padding: 8px;}.fontStyle { height: 100px; border: 1px solid #ccc; color: blue; text-align: center;}效果：
2、Sass概念：Sass是一种对css的一种扩展提升，和Less一样都扩展了Css，而且Less（2009）的产生也受Sass（2007）的影响很大，Sass增加了变量、计算、嵌套、继承、函数、注释等等特性。它可以理解为使用 JavaScript 的方式书写，最后编译成Css来控制网页样式。Sass是 Ruby 语言写的，但是两者的语法没有关系，不懂 Ruby 也能使用。Sass文件就是普通的文