一、前言 说到前端构建怎能缺少CSS预处理器呢！其实CSS的预处理器有很多啦，比较出名的有Scss、Sass、Stylus和Less。（最近还听说出现了Autoprefixer等CSS后处理器，可参考@一丝的PPT） 众多CSS预处理器中Les...
分类：
其他好文 时间：
2015-01-07 16:46:11
阅读次数：
322
Sass:
1. 安装Ruby 最新为
2.1.5版本，不放心的话安装 Ruby 1.9.3-p551
安装过程中注意勾选上第二项！即将Ruby加入到可执行的环境变量中去。
安装结束后在命令行中运行 ruby -v 能看到对应的版本则说明安装正确。
2.通过Ruby安装Sass
启动Ruby中的“Start C...
分类：
Web程序 时间：
2014-12-25 18:28:57
阅读次数：
523
如果你经常写CSS，你应该会发现传统的CSS编写方式或多或少有些枯燥，不智能？ 不优雅？ 至少我是这么认为的。缺陷举例1. 假设页面中有大部分HTML元素的背景颜色值是一样的, 我们就需要为各个元素加上 background-color:#fff 这样重复的CSS代码，当然，你也可以通过单独定义一个...
分类：
Web程序 时间：
2014-12-12 22:05:55
阅读次数：
218
Less （一种动态样式语言）。LESS是一种由Alexis Sellier设计的动态层叠样式表语言，受Sass所影响，同时也影响了 Sass的新语法：SCSS。 LESS是开源的，其第一个版本由Ruby写成，但在后续的版本当中，Ruby逐渐被替换为JavaScript。受益于JavaScript，...
分类：
编程语言 时间：
2014-12-11 00:06:53
阅读次数：
278
sass是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。sass有两种后缀名文件：一种后缀名为sass，不使用大括号和分号；另一种就是我们这里使用的scss文件，这种和我们平时写的css文件格式差不多，使用大括号和分号。而本教程中所说的所有s...
分类：
其他好文 时间：
2014-12-09 11:55:54
阅读次数：
149
我的环境：win7-64bit webstorm9webstorm安装sass插件使webstorm自动编译sass文件：打开设置窗口->file Watchers->右边的绿色加号->scss点击ok即可完成scss文件的时时编译。进一步配置1：时时生成css和css.map文件在'Argumen...
分类：
Web程序 时间：
2014-11-24 16:44:03
阅读次数：
313
弹出窗口前一般都需要在本页面上增加一层蒙板覆盖整个页面/*蒙版scss*/.mask{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 4; disp...
分类：
其他好文 时间：
2014-11-24 15:02:12
阅读次数：
195
很多人已经发现了，现在通过命令 “gem install compass” 安装的compass，在使用 “compass compile” 编译scss的时候会报下面的异常：
"File to import not found or unreadable: blueprint/typography"
google了一下，说是新版compass已经不包括compass-blupr...
分类：
移动开发 时间：
2014-10-20 15:14:05
阅读次数：
213
2014-08-25http://www.w3cplus.com/preprocessor/nodejs-and-grunt-compile-sass-to-css.html安装grunt sass支持，包含grunt watchboostraps的Gruntfile.js，package.json...
分类：
Web程序 时间：
2014-10-15 22:57:51
阅读次数：
268
