摘要：
阅读全文
摘要：
Sass中的each循环，和JQuery中的each循环很相似。 语法： @each $var in 列表值 { ........ } 其中$var 是一个变量，列表值就是Sass中的数组 从上面这个例子可以看出，我们使用@each循环来操作CSS Sprite图片是非常方便的。CSS Sprite 阅读全文
摘要：
语法： @while(判断条件){ 执行语句 } 注意：Sass中没有JS中的"do...while"这种语句 上面的例子使用@for循环，也是可以的 编译出来的CSS代码： 注意：带单位的数字与不带单位的数字是可以进行相加，结果是一个带单位的数字。但是带单位的数字与不带单位的数字是不可以相减的 阅读全文
摘要：
Sass中使用 @for 来实现循环操作，Sass中的 @for 循环有两种方式： 语法： 1》@for $i from 开始值 through 结束值 这种方式是包括结束值的 2》@for $i from 开始值 to 结束值 这种方式是不包括结束值的 但是以上两种方式的 开始值 和 结束值 都是 阅读全文
摘要：
1.@if语句 在Sass中，使用"@if"来实现单向选择 2.@if...@else....语句 在Sass中，使用@if...@else...来实现双向选择 上面还使用了带参数的混合宏。 3.@if..@else if...语句 阅读全文
摘要：
Sass作为一门编程式的语言，有属于自己的一套流程控制语法： （1）@if语句； （2）@for循环； （3）@while循环； （4）@each循环； 但是：Sass的流程控制语法和javaScript略不同。 阅读全文
摘要：
他们的声明方式和调用方式： 1.继承与混合宏： 对于继承（包括@extend和%placeholder）和混合宏，总结出以下几点： （1）继承和混合宏都能实现相同代码块的重用，极大提高开发效率； （2）继承的使用一般不存在代码冗余，而混合宏的使用会存在代码冗余； （3）继承不能传递参数，而混合宏可以 阅读全文
摘要：
在Sass中，使用“混合宏（mixin）”来处理经常被多个地方使用的相同的CSS代码块。混合宏，跟JavaScript中的函数很相似，我们可以称之为“Sass中的函数”。 1.混合宏的定义与调用： 在Sass中，我们使用“@mixin”来定义一个混合宏，然后使用“@include”来调用一个混合宏。 阅读全文
摘要：
在Sass中，我们引入了占位符“%placeholder”来进一步优化“@extend”。 举例： 编译处理的css代码： 这个例子中，我们是定义一个占位符“%btn”（占位符，都是以“%”开头）。我们对比一下这两个例子的输出结果就可以知道，使用占位符的输出结果是不包含基类的。 但是，还是要注意: 阅读全文
摘要：
首先知道 CSS具有两大特性：继承性，层叠性 其中继承性是指：子元素继承了父元素的某些样式属性，例如在父元素中定义字体颜色（color），子元素会继承父元素的字体颜色。 所以：在Sass中，使用 “@extend” 来继承一个样式块，从而实现代码的重用。 举例： .spriteAll { bakck 阅读全文
摘要：
可以用代码重用的地方： 平时遇到的问题： 不同地方都用到相同的CSS样式的情况。如果相同的CSS样式只有一个CSS属性，此时只需要使用Sass变量实现就可以满足了。如果相同的CSS样式有多个CSS属性，这个时候我们就希望把“相同的CSS样式”当做整块来处理。 在Sass中，为我们提供了3种方式来处理 阅读全文
摘要：
首先，要明白，颜色值是Sass中的一种特殊的数据类型， 在Sass中，我们也是可以对颜色值进行运算的。颜色运算支持加、减、乘、除，并且是分段进行计算的。也就是说，红、绿、蓝这3个部分的颜色是单独进行计算的。 实例： color:(#010203 + #040506); > color:#050709 阅读全文
摘要：
首先：CSS有两种字符串类型：1》有引号字符串，2》无引号字符串 但是在Sass中，可以使用‘ + ’(加号) 来实现字符串的拼接。 对于字符串的拼接：有3种情况来考虑： （1）如果左右两个字符串都是有引号的，结果是一个有引号的字符串； （2）如果左边字符串是有引号的，右边字符串是没有引号的，结果是 阅读全文
摘要：
在Sass中，共有4种数字运算： 1.加法:在Sass中，做加法运算时，数值可以带单位，但是需要运算单位相同。如果不相同就会报错，编译不通过。 实例： $sidebar-width:220px; $content-width:720px; $gap-width:20px; .container { 阅读全文