1.中文注释编译报错Invalid GBK character的问题,找到ruby sass安装目录,如D:\Ruby22-x64\lib\ruby\gems\2.2.0\gems\sass-3.4.16\lib\sass,找到engine.rb,添加一行代码:Encoding.default_external = Encoding.find('utf-8'),放在所有的require XXXX 之后.最后在scss文件头部启用编码声明:@charset "utf-8"…

1. 先搭建环境,下载node.js,rubyinstaller,安装, 安装rubyinstaller时,要选上include system path,这样就会自动将node.js执行添加到windows系统环境变量,免去手动创建烦恼.node.js就点下一步安装就行了 2. win+R cmd 再运行  gem install bootstrap-sass 3.创建一个项目 cd 进入到你所在的项目存放目录,命令行窗口运行 compass creat XXXXX(项目名称)这样就创建了一个项…

1.安装Ruby 安装sass 和compass 需要 Ruby 的环境,还区分xp 和win7-8 下版本区别 ruby 官网中文 ruby 官网英文 注意: xp: 下载 [xp不能下载包含64位的版本,我是下载32位安装成功,但调用gem 命令直接报错,不建议使用 包含有64 区分的版本. Ruby 1.9.3-p551 win7-8 : 2.0以上或者跟xp的一样都可以. Ruby 2.1.5 Ruby 2.1.5 (x64) Ruby 2.0.0-p598 Ruby 2.0.0-p59…

认识SASS/Compass SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护. SASS与Compass的安装说明 SASS在Windows操作系统内依赖于Ruby环境,因此在安装SASS之前: 1.需要先安装Ruby.Ruby现阶段的安装与一般应用程序安装没有太大区别,环境变量等由安装程序自行设置. 2.Ruby环境内有个包管理器——GEM,它类似于Nodejs下的NPM,它随着Ruby一起被安装,因此不需要额外安装. 安装 R…

前言:Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organize…

5. 混合器; 如果你的整个网站中有几处小小的样式类似(例如一致的颜色和字体),那么使用变量来统一处理这种情况是非常不错的选择.但是当你的样式变得越来越复杂,你需要大段大段的重用样式的代码,独立的变量就没办法应付这种情况了.你可以通过sass的混合器实现大段样式的重用. 混合器使用@mixin标识符定义.看上去很像其他的CSS @标识符,比如说@media或者@font-face.这个标识符给一大段样式赋予一个名字,这样你就可以轻易地通过引用这个名字重用这段样式.下边的这段sass代码,定义了一…

来源 http://snugug.github.io/RWD-with-Sass-Compass/#/ 1 安装 COMPASS 扩展 安装 方式 gem 'extension', '~>X.Y.Z' 命令行安装 require '{extension}' @import '{extension}'; sass 文件导入   扩展1 http://breakpoint-sass.com/ 扩展2 http://singularity.gs/ 3 盒子模型 @import 'compass'; /…

1. compass compile path/to/project//编译scss compass watch path/to/project//自动监视文件变化 2.mixin @include @extend functions mixin其实就相当于函数, 而且mixin支持参数和带有默认值的参数,使用时只需@include name_mixin即可 @extend可以用来继承,extend不可以用来继承一个选择器序列 %error来代替 .error来书写一个仅用来继承的样式块 在sa…

最近开始学习并且使用,发现使用它写起css来真的是各种爽 安装sass,compass sass是依赖于ruby的,必须先安装Ruby,点击下载 下载完ruby之后,使用命令行安装sass        gem install sass 使用命令,sass-v    compass-v   查看是否安装成功 出现上图情况则为安装成功 sass的使用及优点 sass官网: http://www.w3cplus.com/sassguide/ api文档   http://sass-lang.com/…

在Windows下,我总是要打开Ruby的cmd来进行Sass,其中要写好多cd,次数多了,自己的多敲,的确能记得更牢靠,但是无形中会浪费自己的一点点敲cd命令的时间,所以我想到自己在windows下,能快速达到我要compass watch的目录,嘻嘻. @echo on @echo test Sass date/t C: D: cd .. cd wamp cd www cd hallpando cd templates cd test cd css date/t time/t C:\Wind…