相信大部分同学都或多或少的对 sass 和 compass 有所了解, 但为了扫盲, 我们还是多少介绍一下背景。
Sass 的官方网站:http://sass-lang.com
按照 sass 的官方介绍: sass 是基于 css 的一种元语言类型, 作用是为了让 css 文档结构化, 整洁,其提供了很多 css 之外的能力。
Compass 的官方网站:http://compass-style.org
一言以蔽之:compass 是基于 sass 的 css 处理框架。
Sass 和 compass 的安装都极其简单 :
- 首先安装 sass 和 compass 运行所需的 ruby 环境, 推荐大家一键式安装:http://rubyinstaller.org/downloads/ (windows)
- 执行 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 进行观看。
jimmy 2014 年 8 月 20 日
您好,视频里的下载地址的两个地址都失效了,可否再给个相关地址,谢谢~
TAT.bizai 2013 年 11 月 18 日
看了视频,觉得我好像又回到当年大一的时候…..
找你妹 2013 年 11 月 7 日
compass 编译过不了 GIF. 老是提示找不到文件
@import “index-IE/*.gif”;
png 同级的都可以编译, 而 GIF 过不了. 不知小编同学有没有遇过这样的情况
TAT.dmyang 2013 年 10 月 18 日
顶!马特声音真好听,哈哈
Leo 2013 年 10 月 17 日
视频的方式更加简单直接。
另外,请问你们是用的录屏软件是什么?
腹黑 2013 年 10 月 21 日
Cooledit pro
冷月无声 2013 年 10 月 11 日
有莫有搞错啊,看到最后是叫我去看视频?
materliu 2013 年 10 月 11 日
是觉得视频更通俗易懂, 所以我们才尝试了这种新的方式, 还希望多多指教。