发表于: 2018-05-29 22:45:50
2 551
今天完成的事情:
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不支持。
评论