-
什么时候声明变量:这个值至少出现两次、至少更新一次、值的表现都与变量有关。 局部变量在局部会覆盖全局变量。查看全部
-
默认变量:$width:2 !default; 加!default就为默认变量 如果要覆盖默认值,要在默认变量之前声明变量: $width: 20; $width: 10 !default; 有定义的值就显示该值,若没有就显示默认。查看全部
-
sass的变量声明:$属性:属性值 !default; !default表默认值 $color:darken(blue,20%); 表示颜色为蓝色,亮度降低20%。当亮度降低100%时,会显示为黑色。查看全部
-
1、在浏览器上添加工作目录:F12打开开发工具 2、添加本地映射 3、编辑CSS文件(sources) 4、浏览器上保存 命令行:sass --watch style.scss:style.css查看全部
-
压缩方式compressed,项目上线时使用,会将代码中的注释和空格省略,使源文件体积更小。 sass --watch index.scss:index.css --style compressed查看全部
-
紧凑compact,单行CSS格式 sass --watch index.scss:index.css --style compact 有时会显示为nested方式查看全部
-
展开输出expanded,右括号独占一行。 sass --watch test.scss:test.css --style expanded查看全部
-
嵌套方式nested是默认的输出方式,sass --waatch test.scss:test.css --style nested 加不加--style nested效果一样查看全部
-
输出方法: 嵌套nested 展开expanded 紧凑compact 压缩compressed查看全部
-
css预处理器:用一种专门的编程语言,为css增加了一些编程的特性,将css作为目标生成文件 特性:变量,简单的逻辑程序,函数 优点:css更加简洁,适应性更强,可读性更佳,更易于代码的维护 css预处理器语言:Sass(Scss),Less,Stylus,Turbine,Swithch CSS ,CSS cacheer,DT CSS查看全部
-
sass语法格式分两种: 1.Sass 语法是 Sass 的最初语法格式-->.sass 没有{}和;后缀名.sass 2.SCSS 是 Sass 的新语法格式-->有{}和;后缀名.scss,语法像css查看全部
-
使用 #{ }插值语句 (interpolation) 时,有引号字符串将被编译为无引号字符串查看全部
-
sass数据类型 数字 字符串 颜色 布尔值 空值 值列表查看全部
-
默认变量:在值后面加上 !default 在默认变量之前重新声明下变量,可对值进行覆盖查看全部
-
压缩输出方式 compressed 会去掉标准的 Sass 和 CSS 注释及空格查看全部
举报
0/150
提交
取消