zoukankan      html  css  js  c++  java
  • 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在线转换器

  • 相关阅读:
    JS 原型模式 工厂模式 构造函数的区别
    JS 深入1
    理解DOM的一个例子
    Fuzzing参数
    神经网络相关知识和概念整理
    [转载] 系统、模型和仿真
    frp内网穿透,从外网访问内网资源
    常用软件配置
    141. 环形链表
    501. 二叉搜索树中的众数
  • 原文地址:https://www.cnblogs.com/lmei/p/3450421.html
Copyright © 2011-2022 走看看