基本理解
sass是预编译css的一种工具,语法分为sass和scss,本质上是一样的,但是由于scss的语法更接近css,所以scss更受到前端人员青睐
安装环境
首先安装ruby,见百度经验 之后安装sass 使用如下指令
gem
install sass
sass编译
命令编译
编译指令
sass
<要编译的Sass文件路径>/style.scss:
<要输出CSS文件路径>/style.css
在实际编译过程中,你会发现上面的命令,只能一次性编译。每次个性保存“.scss”文件之后,都得重新执行一次这样的命令。如此操作太麻烦,其实还有一种方法,就是在编译 Sass 时,开启“watch”功能,这样只要你的代码进行任保修改,都能自动监测到代码的变化,并且给你直接编译出来:
sass --watch
<要编译的Sass文件路径>/style.scss:
<要输出CSS文件路径>/style.css
GUI 界面工具编译
推荐使用 Koala (http://koala-app.com/) Compass.app(http://compass.kkbox.com/)
在线编辑器网址
http://sassmeister.com/
具体语法
见慕课网中的第4章和第5章 http://www.imooc.com/learn/311