发表于: 2018-05-29 22:45:50

2 552


今天完成的事情:

1、总结了任务11

2、了解了一下禅道


明天计划的事情:

开始任务12 的代码


遇到的问题:

less和sass的区别有地方看不懂


收获:

任务11的深度思考问题过了一遍:

1.如何使用less?

用法与sass有相似之处再此作简要回答

less扩展文件名的格式是 xxx.less


将less文件转为css文件的命令是:lessc xxx.less>xxx.css


less的变量格式为:

@变量名:值


混合

定义classa 然后可以将classa引入到classb中 

.classa(a){

    width:@width

}

 .classb{

    .classa(a);

 }


嵌套:

select1{

        select2{

               ……

       }

}

2.如何使用sass?

(前面日报详细写了不在重复)


3.less和sass有什么区别?

①.编译环境不一样

Sass的安装需要Ruby环境,是在服务端处理的,而Less是需要引入less.js来处理Less代码输出css到浏览器,也可以在开发环节使用Less,然后编译成css文件,直接放到项目中,也有 Less.app、SimpleLess、CodeKit.app这样的工具,也有在线编译地址。

②.变量符不一样

Less是@,而Scss是$,而且变量的作用域也不一样。

.输出设置

Less没有输出设置,Sass提供4中输出选项:nested, compact, compressed 和 expanded

语句支持

Sass支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持。




返回列表 返回列表
评论

    分享到