嵌套: 1.选择器嵌套; 2.属性嵌套; .box { border-top: 1px solid red; border-bottom: 1px solid green; } .box { border: { top: 1px solid red; bottom: 1px solid green; ...
分类:
其他好文 时间:
2016-10-31 21:41:22
阅读次数:
235
熟练使用sass可以快速编写css代码; sass中可以定义变量,方便统一修改和维护。 嵌套: sass可以进行选择器的嵌套,表示层级关系,看起来很优雅整齐。 运算: sass可进行简单的加减乘除运算等 多值变量: 多值变量分为list类型和map类型,简单来说list类型有点像js中的数组,而ma ...
分类:
其他好文 时间:
2016-10-31 06:55:51
阅读次数:
205
var gulp = require('gulp'), autoprefixer = require('gulp-autoprefixer'), //自动添加css前缀 rename = require('gulp-rename'), //文件重命名 sass = require('gulp-sas ...
分类:
其他好文 时间:
2016-10-30 16:50:46
阅读次数:
162
用Sublime Text蛮久了,配置配来配去的,每次换电脑都得重头再配过,奈何人老了脑子不中用了,得好好整理一些,下次换电脑就有得参考了.. 同事说,他的WebStorm简直太方便,自身集成了很多方便的工具,不用配置太多 哈哈哈哈但我还是更喜欢用ST 如果要将Sass编译成css文件,安装相应的编 ...
分类:
其他好文 时间:
2016-10-29 14:20:36
阅读次数:
215
序 之前稍微看过SASS的文档,但是由于工作中没有涉及,渐渐的搁置了。最近公司新招来一个热情似火的前端,不管什么技术,不管自己能不能hold住,都提出来用一用再说。这样对我也好,跟着这个哥们混妥妥的长见识了。 安装 SASS的官网有简单的说明文档:http://sass-lang.com/insta ...
分类:
其他好文 时间:
2016-10-27 08:09:23
阅读次数:
170
为什么要在项目中使用Sass 听到最多的一句话就是我会CSS,我能使用CSS写项目,为什么我要花时间去学习Sass,一个自己并不了解的东西,一个对于自己来说是全新的东西?看到这样的问题,让我想起了2010年讨论CSS3的时候,很多同学同样有这样的凝问,CSS3真的会来?我真的要学习CSS3?现在,时 ...
分类:
其他好文 时间:
2016-10-24 23:42:02
阅读次数:
309
本文主要讲解Compass的内容,众所周知Compass是Sass的工具库,如果对Sass不甚了解的同学可以移步 邂逅Sass和Compass之Sass篇 Sass本身只是一个“CSS预处理器”,Compass在它的基础上,封装了一系列的模块和模板,补充了Sass的功能。 1.Compass的安装 ...
分类:
其他好文 时间:
2016-10-23 23:39:30
阅读次数:
176
Ionic(ionicframework)一款接近原生的HTML5移动App开发框架。 IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和AngularJS ...
分类:
其他好文 时间:
2016-10-23 23:10:04
阅读次数:
609
sass文件后缀名有两种,.sass中不包含{}和; .scss中包含{}和; 与css原生代码很类似, 所以建议使用.scss的后缀名导入文件,可引入.scss或者.css文件,后缀名都可以去掉,区别在于,.scss文件会被考拉编译,.css文件不会@import "";变量,$变量名称(自取): ...
分类:
其他好文 时间:
2016-10-23 14:05:23
阅读次数:
155