摘要：
CSS3 box-sizing 属性可以设置 width 和 height 属性中包含了 padding(内边距) 和 border(边框)。 默认的css 宽度是： width(宽) + padding(内边距) + border(边框) = 元素实际宽度 高度是：height(高) + padd 阅读全文
摘要：
在 Sass 中可以通过加法符号“+”来对字符串进行连接。例如： 编译出来的CSS： 除了在变量中做字符连接运算之外，还可以直接通过 +，把字符连接在一起： 编译出来的CSS: 注意，如果有引号的字符串被添加了一个没有引号的字符串 （也就是，带引号的字符串在 + 符号左侧）， 结果会是一个有引号的字 阅读全文
摘要：
所有算数运算都支持颜色值，并且是分段运算的。也就是说，红、绿和蓝各颜色分段单独进行运算。如： 计算公式为 01 + 04 = 05、02 + 05 = 07 和 03 + 06 = 09， 并且被合成为： 如此编译出来的 CSS 为： 算数运算也能将数字和颜色值 一起运算，同样也是分段运算的。如： 阅读全文
摘要：
在 Sass 运算中数字运算是较为常见的，数字运算包括前面介绍的：加法、减法、乘法和除法等运算。而且还可以通过括号来修改他们的运算先后顺序。和我们数学运算是一样的，一起来看个示例。 编译出来的 CSS: 阅读全文
摘要：
在 Sass 中除了可以使用数值进行运算之外，还可以使用变量进行计算，其实在前面章节的示例中也或多或少的向大家展示了。在 Sass 中使用变量进行计算，这使得 Sass 的数学运算功能变得更加实用。一起来看一个简单的示例： 阅读全文
摘要：
Sass的乘法运算规则也适用于除法运算。不过除了除法运算还有一个特殊之处。众所周知“/”符号在css中已作为一种符号使用,因此在sass中做除法运算时,直接使用"/" 符号作为除号时,将不会生效，编译时既得不到我们需要的效果,也不会报错。一起先来看简单的示例： 这样的结果对于大家来说没有任何意义。要 阅读全文
摘要：
Sass 中的乘法运算和前面介绍的加法与减法运算还略有不同。虽然他也能够支持多种单位（比如 em ,px , %），但当一个单位同时声明两个值时会有问题。比如下面的示例： 编译的时候报“20px*px isn't a valid CSS value.”错误信息。 如果进行乘法运算时，两个值单位相同时 阅读全文