发表于: 2022-01-04 20:32:30
1 1463
今天完成的事情;今天又重新完成了一次任务11,根据对less的了解这次把能用到的样式,自己都尝试了一遍,完全的再 less文件中编辑样式。
声明变量
@width100:100%;
@width: 100px;
@width-: -100px;
@height:100px;
@background-color00000: #00000000;
@background-colorfff: #fff;
@background-color0f0: #5ac0ce;
@bg: background-color;
@t-a: text-align;
@color:color;
@value:105px;
混合
.display(@d:_,@ai:_,@jc:_,@fd:_,@fw:_,@ff:_,@ac:_){
display: @d;
align-items: @ai;
justify-content: @jc;
flex-direction: @fd ;
flex-flow: @ff;
flex-wrap: @fw;
align-content: @ac;
}
.padding(@t:_,@r:_,@b:_,@l:_){
padding-top: @t;
padding-right: @r;
padding-bottom: @b;
padding-left: @l;
}
.margin(@t:_,@r:_,@b:_,@l:_){
margin-top: @t;
margin-right: @r;
margin-bottom: @b;
margin-left: @l;
}
.l-h{
line-height:@value - 65;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.position(@p:_,@t:_,@r:_,@b:_,@l:_){
position: @p;
top:@t;
left:@l;
right: @r;
bottom: @b;
}
Diandian_zy:
然后去看关于js的方面的视频 做了js视频的记录,了解js的变量。命名方法 赋值方法,以及其他的小的方面
eamil = '123456@163.com';
明天计划的事,明天做任务12,赶紧完成开始js
遇到的问题:关于响应式导航还是不太会
收获,今天重新做less感觉经过今天的打代码练习,已经逐渐熟练。
评论