-
sass 变量声明原则： 1、该值至少重复出现两次 2.该值至少可能会被更新一次 3.该值所有的表现都与变量有关（非巧合）查看全部
-
Sass 的变量包括三个部分： 1、变量声明符：$ 2、变量名称 3、变量值 格式：$变量名称: 变量值; 注意：如果值后面加上!default则表示默认值。查看全部
-
在 Sass 中编译出来的样式风格也可以按不同的样式风格显示。其主要包括以下几种样式风格： 嵌套输出方式 nested 展开输出方式 expanded 紧凑输出方式 compact 压缩输出方式 compressed查看全部
-
在编译 Sass 代码时常常会碰到一些错误，让编译失败。这样的错误有系统造成的也有人为造成的，但大部分都是人为过失引起编译失败。 而最为常见的一个错误就是字符编译引起的。在Sass的编译的过程中，是不是支持“GBK”编码的。所以在创建 Sass 文件时，就需要将文件编码设置为“utf-8”。 另外一个错误就是路径中的中文字符引起的。建议在项目中文件命名或者文件目录命名不要使用中文字符。而至于人为失误造成的编译失败，在编译过程中都会有具体的说明，大家可以根据编译器提供的错误信息进行对应的修改。查看全部
-
sass --watch sass/bootstrap.scss:css/bootstrap.css查看全部
-
sass编译： 命令编译 GUI工具编译 自动化编译查看全部
-
Mac查看全部
-
sass编译出的样式风格： 1、嵌套输出方式 nested 2、展开输出方式 expanded 3、紧凑输出方式 compact 4、压缩输出方式 compressed查看全部
-
GUI界面编译工具： 一、Koala (http://koala-app.com/)【推荐❤❤❤❤❤】 (http://www.w3cplus.com/preprocessor/sass-gui-tool-koala.html） 二、Compass.app（http://compass.kkbox.com/） 三、Scout（http://mhs.github.io/scout-app/） 四、CodeKit（https://incident57.com/codekit/index.html）【推荐❤❤❤】 (http://www.w3cplus.com/preprocessor/sass-gui-tool-codekit.html) 五、Prepros（https://prepros.io/）查看全部
-
sass的编译方法： 命令编译 GUI工具编译 自动化编译查看全部
-
sass变量分为普通变量和默认变量. sass 的默认变量一般是用来设置默认值，然后根据需求来覆盖的，覆盖的方式也很简单，只需要在默认变量之前重新声明下变量即可。查看全部
-
sass无需考虑浏览器的兼容性查看全部
-
字符运算 $content: "Hello" + "" + "Sass!"; .box:before { content: " #{$content} "; } 编译出来的CSS： .box:before { content: " Hello Sass! "; } 除了在变量中做字符连接运算之外，还可以直接通过 +，把字符连接在一起： div { cursor: e + -resize; } 注意，如果有引号的字符串被添加了一个没有引号的字符串 （也就是，带引号的字符串在 + 符号左侧）， 结果会是一个有引号的字符串。 同样的，如果一个没有引号的字符串被添加了一个有引号的字符串 （没有引号的字符串在 + 符号左侧）， 结果将是一个没有引号的字符串。 例如： p:before { content: "Foo " + Bar; font-family: sans- + "serif"; } 编译出来的 CSS： p:before { content: "Foo Bar"; font-family: sans-serif; }查看全部
-
颜色运算 所有算数运算都支持颜色值，并且是分段运算的。也就是说，红、绿和蓝各颜色分段单独进行运算。如： p { color: #010203 + #040506; } 计算公式为 01 + 04 = 05、02 + 05 = 07 和 03 + 06 = 09， 并且被合成为： 如此编译出来的 CSS 为： p { color: #050709; } 算数运算也能将数字和颜色值 一起运算，同样也是分段运算的。如： p { color: #010203 * 2; } 计算公式为 01 * 2 = 02、02 * 2 = 04 和 03 * 2 = 06， 并且被合成为： p { color: #020406; }查看全部
-
数字运算 在 Sass 运算中数字运算是较为常见的，数字运算包括前面介绍的：加法、减法、乘法和除法等运算。而且还可以通过括号来修改他们的运算先后顺序。和我们数学运算是一样的，一起来看个示例。 .box { width: ((220px + 720px) - 11 * 20 ) / 12 ; } 编译出来的 CSS: .box { width: 60px; }查看全部
举报
0/150
提交
取消