Sass操作的基本命令

Sass--(Syntactically Awesome Stylesheets),sass是对css的拓展,让css的语言更加强大、优雅。

特点

1.完全兼容css3

2.在css语言基础上添加了拓展功能,比如变量、嵌套(nesting)、混合(mixin)

3.对颜色和其他值进行操作的{Sass::Scr ipt::Function 函数}

4.函数库控制指令之类的高级功能

5.良好的格式。可对输出格式进行定制

6.支持Firebug

使用Sass

Sass有三种使用方式:1.命令行工具;2.独立的Ruby模块,以及 包含Ruby on Rails 和 Merb作为支持的Rack的框架插件。

1.所有这些,都是在第一部安装Sass gem:

gem install sass

 注:windows用户,需要先安装Ruby.

2.在命令行输入一下代码,可以检验sass是否安装成功。

sass -v
sass -h

 3.如果要在命令中运行Sass,只要输入:

sass input.scss output.css

 除此,还可以命令Sass监视文件的改动并更新css:

sass --watch input.scss:output.css

 4.如果你的目录里有很多Sass文件,你还可以命令Sass监视整个目录:

sass --watch app/sass:public/stylesheets

 5.使用

sass --help

 6.注意:sass的文件名是:

xxx.scss

  sass中的文件转换,通过‘sass-convert’命令行工具:

#将Sass转化为scss
$sass-convert style.sass style.scss

#将scss转化为sass
$sass-convert style.scss style.sass

#将scss转化为css
$sass -watch style.scss:style.css

  

posted @ 2017-03-14 09:47  砌墙的砖  阅读(640)  评论(0)    收藏  举报