发表于: 2018-06-05 22:41:49

1 634


今天完成的任务:1.完成了sass环境的搭建,安装完ruby后发现自己的sublime不支持sass,换了个atom作为新的ide

                           2.学习了有关scss的语法,scss语法与css语法差不多,但是多了几个新的功能:

一.scss支持变量,例如,先定义变量$bgcolor:#999;然后就可以在之后多次使用变量,例如Background-color:$bgcolor

二.scss支持计算,例如width=50px+10px,但是这里好像不支持不同单位的运算,例如width=calc(100% - 20px)

三.scss支持嵌套,例如div {
                hi {
                color:red;
                   }
                  }

这点在编写scss的时候相当的方便,可以一下把一整块的样式写完,可读性很强。

四.@mixin命令,用法是

这里@mixin可以指定多个指定参数,

例如@mixin flex($a,$b){display=flex align-items=$a justify-content=$b}

之后div{@included(center,center)}参数顺序和前面一样

3.完成了任务11,任务12也做了一半

明天要完成的任务:1.把任务11写的scss拆几块下来,用作之后export用

                               2.把任务12做完,时间够得话再摸下任务13(感觉应该够)

                               3.看看js的基础语法啥的,不知道暂时用不用得上


返回列表 返回列表
评论

    分享到