码迷,mamicode.com
首页 > 其他好文 > 详细

SASS -- 基本认识

时间:2014-06-08 20:07:56      阅读:292      评论:0      收藏:0      [点我收藏+]

标签:c   a   http   tar   get   com   

  •  SASS 是一种 CSS 的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得 CSS 的开发,变得简单和可维护。

  •    SASS 提供四个编译风格的选项:

* nested:嵌套缩进的 css 代码,它是默认值。

* expanded:没有缩进的、扩展的 css 代码。

* compact:简洁格式的 css 代码。

* compressed:压缩后的 css 代码。

     注:在rails的production环境下,一般采用的是第四种编译风格。

 

  •   sass安装和使用  

     1 、安装

  SASS 是 Ruby 语言写的,但是两者的语法没有关系。不懂 Ruby,照样使用。只是必须先安装 Ruby,然后再安装 SASS。

  假定你已经安装好了 Ruby,接着在命令行输入下面的命令:

gem install sass

  然后,就可以使用了。

 

    2 、使用

  SASS 文件就是普通的文本文件,里面可以直接使用 CSS 语法。文件后缀名是 .scss,意思为 Sassy CSS。

  下面的命令,可以在屏幕上显示 .scss 文件转化的 css 代码。(假设文件名为 test。)

sass test.scss

  如果要将显示结果保存成文件,后面再跟一个 .css 文件名。

sass test.scss test.css

 

     附:sass与css在线转换器

SASS -- 基本认识,布布扣,bubuko.com

SASS -- 基本认识

标签:c   a   http   tar   get   com   

原文地址:http://www.cnblogs.com/mvc2014/p/3776016.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!