SASS -- 基本认识

SASS -- 基本认识,第1张

SASS -- 基本认识
  •  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在线转换器

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/588029.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-12
下一篇 2022-04-12

发表评论

登录后才能评论

评论列表(0条)

保存