发表于: 2017-03-02 22:00:59
2 548
今天完成的事情:重写了任务5
明天计划的事情:完成任务12
遇到的问题:
1.以前写的任务简直不堪入目,代码很乱,重构不如重写。
2.到底该不该使用less,什么时候需要less。做现在的任务,直接用css完全够了。总感觉没有把less的威力发挥出来。
收获:
less中@的用法:
@blue: #5b83ad;
.class1 {
color:@blue;
}
.class2 {
color:@blue;
}
对blue的值修改是,会对引用blue的属性全部生效
混合:
对.btn 统一设置:
.btn{
width:120px;
height:30px;
line-height:30px;
border-radius:15px;
color:#fff;
font-size:14px;
text-align:center;
background:#55E276;
cursor:pointer;
}
然后可以在其他类中直接调用:
.submit,.buy,.star{
.btn;
box-shadow:0 1px 5px #ccc;
}
这样还是挺方便的
评论