sass功能强大，特别是支持for循环，节省大量开发时间，但是在开发时遇到一个问题，直接使用%时没有问题，当有变量时再加% 单位在编译时报错；这样没有问题：@for $width from 0 to 10{ .wp#{$width}{ width:$width px; }}...
分类：
其他好文 时间：
2014-07-09 22:59:13
阅读次数：
200
由于sass的作者是rubyer，因此它的类型与JS有点不一样，但一样可以类推。@charset "utf-8";//必须设置了这个才能编译有中文的注释$gray: #333;//颜色$number: 12;//数字$boolean: true;$array:();$string:"string";...
分类：
其他好文 时间：
2014-07-07 23:40:02
阅读次数：
209
以前写CSS时，都是直接写样式，没有任何的第三方工具，后面发现越是面向大网站，越难管理，上次参加完携程UED大会后，发现SASS对于前端团队多人协作和站点代码维护上很有帮助，很多同学都开始用了，我还是在原地踏步，我也不能OUT呀，于是开始学习，平时比较喜欢sublime编辑器，而sublime默认是...
分类：
其他好文 时间：
2014-07-06 14:25:08
阅读次数：
198
今天介绍sass在重用代码时最具威力的两个功能。一个是嵌套(Nesting)，一个混合（Mixin）。我们在写CSS通过需要多个后代选择器组合到一起才能定位到目标元素上，而这定义过程，此元素的父元素与其他选择器都有许多相同的部分，嵌套就是把这些相同的部分放到某一层花括号里，然后通过花括号的层层缩进堆...
分类：
其他好文 时间：
2014-06-28 11:25:37
阅读次数：
170
@at-root和&的结合&在Sass中所起的作用，文章开头就简单的进行演示了。在@at-root中也同样可以配合&一起使用，下面我们同样来看几个用例：SCSS.foo { @at-root .bar & { color:gray; }}CSS.bar .foo { co...
分类：
其他好文 时间：
2014-06-26 15:28:54
阅读次数：
310
Sass有脚本模式#{}，他和&不同之处是，&只用作选择器，它只能出现在一个复合的开始选择器，类似于一个类型选择器，如a或者h1。但#{}他表示的是一个插值，它可以用在任何地方。同样的，当@at-root和#{&}一起使用时，可以给我们的开发带来极大的方便与优势。例如：SCSS.foo { @...
分类：
其他好文 时间：
2014-06-26 15:27:03
阅读次数：
219
在SassConf大会上，给我们传递了Sass3.3的新特性。这些新特性有很多意义，特别是@at-root指令，这让你的代码会得更佳清洁。今天我们主要一起来了解Sass中的@at-root特性的使用规范。在具体了解@at-root规范之间，我们先来回忆Sass的嵌套功能。简单的来看一个示例。在我们的...
分类：
其他好文 时间：
2014-06-25 12:15:02
阅读次数：
202
sass在3.3引入map类型，它与JS的对象非常相似，它有两种定义模式。外面都是用小括号括括起来，每个键值对可以像JS那样与逗号分开。不同之后是，键名与键值之间的冒号不是 必须的不用对象的情况@charset "utf-8";//必须设置了这个才能编译有中文的注释//创建一个核心的颜色$bravo...
分类：
其他好文 时间：
2014-06-24 12:46:20
阅读次数：
290
来源 http://snugug.github.io/RWD-with-Sass-Compass/#/ 1 安装 COMPASS 扩展 安装 方式 gem 'extension', '~>X.Y.Z' 命令行安装require '{extension}'@import '{extension}'; ...
分类：
其他好文 时间：
2014-06-21 06:56:58
阅读次数：
366
Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，语法跟css一样(但多了些功能)，比css好写，而且更容易阅读。Sass语法类似与Haml，属于缩排语法（makeup），用意就是为了快速写Html和Css。Less一种动态样式语言. 将CSS赋予了...
分类：
其他好文 时间：
2014-06-20 22:06:39
阅读次数：
242
