发表于: 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;

}

这样还是挺方便的



返回列表 返回列表
评论

    分享到