建设营销型网站制作,手机如何制作表格,wordpress建站 知乎,wordpress图片远程1.sass(scss-sass第三代) Sass3 - Scss(Sassy CSS),SCSS(Sassy CSS) 是 CSS 语法的扩展.
2.scss注释
Sass 支持标准的 CSS 多行注释 /* */#xff0c;以及单行注释 //#xff0c;前者会 被完整输出到编译后的 CSS 文件中#xff0c;而后者则不会 3.scss定义变量
…1.sass(scss-sass第三代) Sass3 - Scss(Sassy CSS),SCSS(Sassy CSS) 是 CSS 语法的扩展.
2.scss注释
Sass 支持标准的 CSS 多行注释 /* */以及单行注释 //前者会 被完整输出到编译后的 CSS 文件中而后者则不会 3.scss定义变量
Variables: $ 全局变量与局部变量 关于scss变量类型,我们看官网给的: 4.scss引入 5.混合指令 (Mixin Directives) 定义混合指令 mixin和 引用混合样式 include: 传参方式: 还可以了解一下一下官网提及的情况:
有时不能确定混合指令需要使用多少个参数比如一个关于 box-shadow 的混合指令不能确定有多少个 shadow 会被用到。这时可以使用参数变量 … 声明写在参数的最后方告诉 Sass 将这些参数视为值列表处理 6.scss继承extend 7.对比混合指令和继承 混合模式下产生的代码冗余比较多.
mixin 和 include 更侧重于定义和复用一组样式而 extend 更侧重于样式的继承和扩展。
mixin 和 include 的优点包括
可以传递参数实现更复杂的样式定制。对于不相关的样式组合更具组织性和可读性。
extend 的优点包括
减少代码重复尤其是在类之间有相似样式时。更直观地表达样式之间的继承关系。
8.scss运算符基本使用
这里自己参考一下文档就行了哈
Sass教程 Sass中文文档 | Sass中文网
9.scss函数
①color: //颜色变亮lighten($color,$amount(0-100%)) //颜色变暗darken($color,$amount(0-100%)) //降低透明度opacify($color,$amount(0-1)) 10.scssuse和forward
高级版import和export
