css的一种预处理器 sass

之前觉得关于css什么的没什么，后来让别人给问住了。。。然后就悲催了。。。

sass是一种css的预处理器，是一种函数式的css的编程；

主要还是看官网 http://www.w3cplus.com/sassguide/     这个是基于Ruby

1.需要安装：

可以直接自己去看官网或者看下面我写的这个安装步骤（有试过是对的）

（1）如果你的电脑里面没有安装rudy 可以直接去看文档（额。。。好想还是要看官网）

（2）检测rudy是否安装好 cmd----rudy -v 看是否出现出版本号

（3）在cmd中gem install sass（gem需要代码 解决:安装淘宝rufyGems镜像 直接这个地址 https://ruby.taobao.org/）

（4）这样就可以了

2.sass应用

（1）新建文件夹中新建一个xxx.scss（这就是sass的对应的文件）

（2）在xxx.sass中写入代码

（3）在cmd中编译进入文件夹中，执行cmd中sass index.scss index.css（前一个是原来的；后一个是目标的）

注意：在你编译的时候可能会出现多余的文件，那是在编译的时候自动生成的

（4）这就好了，然后将index.css引入到index.html中去用就可以了

语法：http://www.w3cplus.com/sassguide/syntax.html

转载于:https://www.cnblogs.com/GainLoss/p/6016589.html