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
一、快速入门 Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。 Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码。 ...
分类：
其他好文 时间：
2016-05-29 10:53:50
阅读次数：
112
一、源码文件： _grid.scss：格子系统类文件 Mixins/_grid.scss：支持格子系统实现的mixin集合 Mixins/_grid-framework.scss：格子系统实现的核心mixin 二、支持的功能 1. 实现按百分比布局 2. 实现格子的定位 3. 实现格子的嵌套 4. ...
分类：
其他好文 时间：
2016-05-13 14:24:45
阅读次数：
118
一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。 Sass与Scss是什么关 ...
分类：
Web程序 时间：
2016-05-07 12:40:39
阅读次数：
287
1、简介 Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义classe，还有强大的mixin用于生成更具语义的布局。 2、栅格选项bootstrap3.x使用了四种栅格选项来形成栅格系 ...
分类：
其他好文 时间：
2016-05-01 13:41:01
阅读次数：
156
大家都知道super是用来解决python钻石多重继承出现的基类重复调用的问题，这个就不赘述了，不了解的请点击。 但是我发现还有个问题在于不是钻石继承时继承先后顺序的问题，也就是如果mixin与继承的某子类同时作为某类的父类时，其书写顺序对于super可能产生的不同影响： 假设有个情景是是打印租房信 ...
分类：
其他好文 时间：
2016-04-30 23:45:29
阅读次数：
188
需求是这样的，我要给一个轮播图设置不同的背景图，由于每张图片的背景图路劲都不一样，所以需要对每个单独的元素自定义图片路径。然后想到Less语法有mixin机制，就这样实现了一个递归function，然后将对应的文件名按照这个规则放置就行了，banner1-bg.png, banner2-bg.png ...
分类：
其他好文 时间：
2016-04-15 11:44:32
阅读次数：
537
