摘要：
他们的声明方式和调用方式： 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 { 阅读全文