发表于: 2017-03-20 22:39:28

2 657


今天完成的事情:

完成了任务11,用LESS和SRSS分别实现了一遍,对两个工具都进行了相应熟悉。


明天计划的事情:

开始做任务12。


遇到的问题:

无。


收获:

LESS和SASS的简单用法;


LESS和SASS的区别:

sass 是以$开头定义的变量,如:$mainColor: #963;

less 是以@开头定义的变量,如 @mainColor: #963;


Sass的混合:sass样式中声明Mixins时需要使用“@mixin”, 然后后面紧跟Mixins的名,他也可以定义参数,同时可以给这个参数设置一个默认值, 但参数名是使用“$”符号开始,而且和参数值之间需要使用冒号(:)分开。 在选择器调用定义好的Mixins需要使用“@include”, 然后在其后紧跟你要调用的Mixins名。

less 的混合:在LESS中,混合是指将定义好的“ClassA”中引入另一个已经定义的“Class”,就像在当前的“Class”中增加一个属性一样。 不过LESS样式中声明Mixins和Sass声明方法不一样,他更像CSS定义样式,在LESS可以将Mixins看成是一个类选择器, 当然 Mixins也可以设置参数,并给参数设置默认值。



返回列表 返回列表
评论

    分享到