SASS

css的预编译框架：世界上最成熟、最稳定、最强大的专业级CSS扩展语言！

CSS 不是一个编程语言，可以用它来开发网页样式，但是没有办法用它进行编程。SASS 的

出现，让 CSS 实现了通过代码编程来实现的方式（引自官网）

SASS是由日本人使用ruby语言开发的，所以我们要ruby配置运行环境

1.下载：https://rubyinstaller.org/

2.安装：默认下一步，第二步需要全选

3.测试Ruby环境是否安装成功：window+R-->输入cmd调出命令行窗口，输入 ruby -v,显示版本号证明安装成功。同时要测试gem(ruby自带的包管理工具)，同样的gem -v显示版本号表示没有问题。

4.通过命令行 gem install sass安装sass

使用sass时扩展名一般为sass或者scss，个人比较后一种，因为后一种更加符合我们平时书写css的习惯，第一种没有分号和引号

看着不太习惯

//使用scss的语法

$box_width: 200px;
$box_height: 400px;
$bg_color: red;
body {
    width: $box_width;
    height: $box_height;
    font-size: 12px;
    background-color: $bg_color;
    text-decoration: none;
    color: blue;
}

在命令行输入 sass --watch sass_style/.:css/. --style expanded

查看编译后的css文件

body {
  width: 200px;
  height: 400px;
  font-size: 12px;
  background-color: red;
  text-decoration: none;
  color: blue;
}

本篇文章只是入门，后面会详细介绍sass的语法以及命令行sass --watch sass_style/.:css/. --style expanded各个部分的意思

待续。。。。