整理sass的基本特性:变量、嵌套、混合、继承、占位符、插值、注释、数据类型、运算等9个知识点!理清各个特性的使用场景和使用技巧!...
分类:
其他好文 时间:
2016-06-24 15:08:09
阅读次数:
132
Sass (Syntactically Awesome StyleSheets) Sass 是对 CSS 的扩展,让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能, 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好, 同时也让你能够快速开 ...
分类:
其他好文 时间:
2016-06-21 12:43:57
阅读次数:
184
5.占位符% 只有通过@extend调用才会产生代码,不然不会有任何影响 编译后 ...
分类:
其他好文 时间:
2016-06-17 19:21:18
阅读次数:
124
6.插值#{} 将预备好的值放进#{“预备好的值”}这里面 编译后: 一旦你发现这一点,你就会想到超级酷的 mixins,用来生成代码或者生成另一个 mixins。然而,这并不完全是可能的。第一个限制,这可能会很删除用于 Sass 变量的插值。 上面的 Sass 代码编译出来,你会得到下面的信息: ...
分类:
其他好文 时间:
2016-06-17 19:06:44
阅读次数:
164
3.混合宏 混合宏的作用: 相当于把复杂的变量声明集中在一起,免去了单个变量的调用。 声明:@mixin border{} 调用:@include border; 混合宏的分类: 不带参数: 带参数: 复杂:当带有多个参数时,使用"..."代替 但混合宏有个缺陷,没法合并相同的样式。 对应的混合宏 ...
分类:
其他好文 时间:
2016-06-17 16:56:10
阅读次数:
198
@include borderTop(1px,solid,#000000); #000000 颜色必须是六位的 border-top:$size $type $color; 不能带逗号 @include borderTop(1px,solid,#000000);必须带逗号 ...
分类:
其他好文 时间:
2016-06-16 16:24:05
阅读次数:
204
编辑 resources/assets/sass/app.scss 创建variables.scss,改写bootstrap样式变量 创建文件: resources/assets/js/app.js 以上为引入jquery, 引入bootstrap.js, console.log版本号(测试用) 编 ...
分类:
其他好文 时间:
2016-06-15 23:36:41
阅读次数:
162
Sass http://sass.bootcss.com/docs/sass-reference/ Babel http://babeljs.cn/ webpack http://www.w2bc.com/Article/50764 flexbox http://www.w3cplus.com/cs ...
分类:
其他好文 时间:
2016-06-14 01:02:12
阅读次数:
142
钻研方向: CSS:浏览器兼容、组件化开发、LESS、SASS 主流UI插件:bootstrap3及其扩展插件 新一代技术:html5、css3 移动开发:响应式布局、jqueryMobile、zenpto 基本:原生js、js面向对象、jquery源码 模块化:reaJS、requireJS 框架 ...
分类:
Web程序 时间:
2016-06-13 08:48:27
阅读次数:
225