2020824日志邹瑞

学习总结

变量

  1. $变量名 : 值 ;变量的命名规则基本同选择器命名规则是一致的;

  2. 变量名重复
    默认情况下,后写的覆盖先写的。但是可以通过在结尾处添加!default,让之前的变量值有效
    !default规则
    如果之前定义一样的变量名,使用之前的变量值
    如果之前没定义一样的变量名,使用现在值
    取消当前变量名的权值,调用之前设置的变量名

  3. 作用域
    同js,只在最近的大括号中有效

    嵌套

    注意属性嵌套scss里加“:”。eg:

    div{
    border:{
    style:solid;
    color:#fff;
    width:1px;
    }
    }

    导入

    1. 局部scss文件
      文件名称以_开头,就是局部scss文件。局部scss文件不会被转换成css文件。可以在一个全局scss文件中,导入多个局部scss文件,最后生一个css文件。eg:_sass文件名
    2. 全局scss文件
      不以_开头的scss文件,可以导入其他全局文件和局部文件
    3. 导入的语法
      局部
      @import "demo";
      _demo.scss文件需要掐头去尾
      全局
      @import "index1.scss";

混合器

带参数的混合器:@mixin 混合器名称(\(形参,\)形参…..){};

调用带参数的混合器:@include混合器名称(实参,实参…..)

心得

今天老师讲了sass,听的比较容易懂,具体还要下来自己整合

标签

评论

this is is footer