相信大部分同学都或多或少的对sass和compass有所了解, 但为了扫盲, 我们还是多少介绍一下背景。

       Sass 的官方网站:http://sass-lang.com

       按照sass 的官方介绍: sass 是基于css的一种元语言类型, 作用是为了让css 文档结构化, 整洁,其提供了很多css之外的能力。

       Compass 的官方网站:http://compass-style.org

       一言以蔽之:compass 是基于sass的css处理框架。

       Sass 和 compass 的安装都极其简单 :

  1. 首先安装sass和compass 运行所需的ruby环境, 推荐大家一键式安装:http://rubyinstaller.org/downloads/ (windows)
  2. 执行gem command, 安装sass 和 compass 。

 

       安装好了以后我们直接进入实战。

       Compass 呢, 本身有着非常多的命令, 我们只简单说一下我们用到的几个

       创建项目

       编译

       监听

       请看视频。。。。。。。

       上传到腾讯视频 http://v.qq.com/boke/page/z/i/o/z01187wfcio.html 的不是很清晰,

       大家可以自行下载高清版观看,分发:

       下载地址:

    微云网盘:http://url.cn/L3UxBM

       金山快盘:http://www.kuaipan.cn/file/id_48820047145120357.htm?source=1

       下载好以后,直接双击 sass_compass_sprites.html 进行观看。

原创文章转载请注明:

转载自AlloyTeam:http://www.alloyteam.com/2013/10/use-sass-compass-etc-bond-graph/

  1. jimmy 2014 年 8 月 20 日

    您好,视频里的下载地址的两个地址都失效了,可否再给个相关地址,谢谢~

  2. TAT.bizai

    TAT.bizai 2013 年 11 月 18 日

    看了视频,觉得我好像又回到当年大一的时候…..

  3. 找你妹 2013 年 11 月 7 日

    compass编译过不了GIF.老是提示找不到文件
    @import “index-IE/*.gif”;
    png同级的都可以编译,而GIF过不了.不知小编同学有没有遇过这样的情况

  4. TAT.dmyang

    TAT.dmyang 2013 年 10 月 18 日

    顶!马特声音真好听,哈哈

  5. Leo 2013 年 10 月 17 日

    视频的方式更加简单直接。
    另外,请问你们是用的录屏软件是什么?

  6. 冷月无声 2013 年 10 月 11 日

    有莫有搞错啊,看到最后是叫我去看视频?

    • materliu 2013 年 10 月 11 日

      是觉得视频更通俗易懂, 所以我们才尝试了这种新的方式, 还希望多多指教。

发表评论