Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点：文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SC...
分类：
Web程序 时间：
2015-09-27 22:56:03
阅读次数：
389
---恢复内容开始---一.SASS1 .scss结尾 安装ruby环境（windows）2. 在命令行中，转化相应目录里的文件： sass --watch xxx: xxx3.下载koala4.&符号使用 ，$开头生命变量5.@mixin fnName(){} @include fnName()5...
分类：
其他好文 时间：
2015-09-27 11:16:05
阅读次数：
183
## 基本准备1.首先把相关软件窗口规划好，对于我的喜好，我喜欢把除了浏览器外的其他软件分为左右两个半屏。左边和右边很多软件之间是需要配合使用的：*左边： scss文件，ps的guideGuide分栏图。* 右边： html文件，css文件，markMan，文字txt。* 另外，还需要打开image...
分类：
其他好文 时间：
2015-09-21 01:36:31
阅读次数：
155
变量是最基础也最常用的东西，例如一段 CSS 中有很多相同的颜色值（例如 #050709），传统的 CSS 中，你就需要不断的去复制这个值，而在 Sass 中，你就可以先在对应文件头部（一般会有一个 var.scss 文件专门用来放置变量等）声明一个变量$co : #050709然后在后面需要使用这...
分类：
其他好文 时间：
2015-09-20 20:50:24
阅读次数：
166
项目开发规范
使用sass作为CSS预编译工具进行开发，使用scss后缀名格式的sass文件
开发工具推荐统一使用PHPStorm，推荐使用最新版本PHPStorm 9以支持更多特性
PHPStorm上安装ionic和AngluarJS插件，以自动识别语法，辅助快速开发 浏览器统一使用谷歌内核的浏览器作为界面调试工具
浏览器调整到手机模式下，选择一款安卓4.1以上系统版本的手机型号作为模拟调试
cs...
分类：
其他好文 时间：
2015-08-26 14:02:59
阅读次数：
197
最近又开始了Web前端的工作，在发布时候，需要对js，css等进行压缩，如果用了scss，还要编译。直接通过命令行一个一个敲，这个就很费劲了，刚好接触到了Gulp这个神器！
Gulp是什么，先来段官方介绍
Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js
是基于 Node.js 构建的,利用 Node.js 流的威力,你可以快速...
分类：
其他好文 时间：
2015-08-21 01:57:12
阅读次数：
281
1.安装compass。（需要先安装ruby）命令行：gem install compass2.新建一个compass 项目命令行：compass create myproject3.在myproject中新建一个images文件夹，将需要转换的图片放入images新建的share文件中并在scss...
分类：
其他好文 时间：
2015-08-11 18:20:34
阅读次数：
106
方法1,在rubymine下查找所有css,scss,sass,less,修改所有带font-family的内容,删除public文件夹下面的缓存css,查看效果.如body { background-color: #fff; color: #333; font-family: "Micros...
分类：
Web程序 时间：
2015-08-10 07:07:00
阅读次数：
478
一. Sass/Scss&Less是什么？
Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，语法跟css一样(但多了些功能)，比css好写，而且更容易阅读。Sass语法类似与Haml，属于缩排语法（makeup），用意就是为了快速写Html和Css。
Less一种动态样式语言. 将CSS赋予了动态语言的特性，如变量，继承，运算， 函数. LESS...
分类：
其他好文 时间：
2015-08-05 22:16:01
阅读次数：
152
原文链接：http://hlee.iteye.com/blog/1236971Asset Pipeline 提供了内建直接使用 Sass 撰写 CSS 的功能。你也许会生出这样的疑惑：什么是 Sass？ Why should I care?Sass (Syntactically Awesome St...
分类：
Web程序 时间：
2015-08-03 14:12:53
阅读次数：
301
