zoukankan      html  css  js  c++  java
  • sass初步认识1

    sass是一种“css预处理器”,同类的还有less等,方法类似。css预处理器的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的css文件。

    使用sass需要先暗转RUBY,再暗转sass。方法为安装ruby后,在命令行输入:
    gem install sass,然后就可以使用了。

    通过Node使用sass,可以安装sass的相关npm包。如:
    node-sass(http://www.npmjs.com/package/node-sass),
    gulp-sass(http://www.npmjs.com/package/gulp-sass).

    sass文件后缀名为.scss或者.sass,scss的格式与css类似,使用分号和大括号,sass不使用这两个符号。
    通常采用.scss后缀名,避免出错。
    通过命令: sass test.scss 将.scss文件转化为css代码(test为文件名)。
    保存显示的css代码的命令: sass test.scss test.css

    sass提供四个编译风格的选项:
    nested(嵌套缩进的css代码,默认值)
    expanded(没有缩进的、扩展的css代码)
    compact(简洁格式的css代码)
    compressed(压缩后的css代码)
    一般使用压缩后的,命令为: sass --style compressed test.scss test.css

    sass监听文件或者目录,一旦源文件有变动,就自动生成编译后的版本。
    sass --watch input.scss:output.css(监听文件)
    sass --watch app/sass:public/stylesheets(监听目录)

    wx:

  • 相关阅读:
    bzoj4033
    bzoj 1197
    bzoj 1196
    bzoj 1195
    bzoj 1194
    bzoj 1193
    bzoj 1192
    jvm系列(一):java类的加载机制
    红黑树之 原理和算法详细介绍
    TreeMap详细介绍(源码解析)和使用示例
  • 原文地址:https://www.cnblogs.com/lionisnotkitty/p/5912922.html
Copyright © 2011-2022 走看看