发表于: 2022-01-10 22:24:18

0 1309


编辑日报内容...


今天完成的事情:今天在做任务13,重新编译任务7,前两天一直在看如何进行css分离和重组,然后还有css的 重置,然后今天把任务7已经重新编译完成了,因为这次比上次多出一个任务图,所以最后一个图对于导航栏还没有布局,在编译的过程中全部利用less来完成css的书写,然后建立自己的库方便引用


.dn{display:none;}

.di{display:inline;}

.db{display:block;}

.dib{display:inline-block;}

div.dib{*display:inline; *zoom:1;}/* other block level tag(eg. p, li, h1~h6), using 'inline_any' instead */

/* height */

.h0{height:0;}

.h14{height:14px;}

.h16{height:16px;}

.h18{height:18px;}

.h20{height:20px;}


/* width */

/* fixed width value */

.w20{width:20px;}

.w50{width:50px;}

.w70{width:70px;}

.w100{width:100px;}

.w120{width:120px;}

.w140{width:140px;}

.w160{width:160px;}

.w180{width:180px;}

.w200{width:200px;}

.w220{width:220px;}

.w250{width:250px;}

.w280{width:280px;}

.w300{width:300px;}

.w320{width:320px;}

.w360{width:360px;}

.w400{width:400px;}

.w460{width:460px;}

.w500{width:500px;}

.w600{width:600px;}

.w640{width:640px;}

.w700{width:700px;}

/* percent width value */

.pct10{width:10%;}

.pct15{width:15%;}

.pct20{width:20%;}

.pct25{width:25%;}

.pct30{width:30%;}

.pct33{width:33.3%;}

.pct40{width:40%;}

.pct50{width:50%;}

.pct60{width:60%;}

.pct66{width:66.6%;}

.pct70{width:70%;}

.pct75{width:75%;}

.pct80{width:80%;}

.pct90{width:90%;}

.pct100{width:100%;}

/* line-height */

.lh0{line-height:0;}

.lh14{line-height:14px;}

.lh16{line-height:16px;}

.lh18{line-height:18px;}

.lh20{line-height:20px;}


/* margin */

.m0{margin:0;}

.ml1{margin-left:1px;}

.ml2{margin-left:2px;}

.ml5{margin-left:5px;}

.ml10{margin-left:10px;}

.ml15{margin-left:15px;}

.ml20{margin-left:20px;}

.ml30{margin-left:30px;}

.mr1{margin-right:1px;}

.mr2{margin-right:2px;}

.mr5{margin-right:5px;}

.mr10{margin-right:10px;}

.mr15{margin-right:15px;}

.mr20{margin-right:20px;}

.mr30{margin-right:30px;}

.mt1{margin-top:1px;}

.mt2{margin-top:2px;}

.mt5{margin-top:5px;}

.mt10{margin-top:10px;}

.mt15{margin-top:15px;}

.mt20{margin-top:20px;}

.mt30{margin-top:30px;}

.mb1{margin-bottom:1px;}

.mb2{margin-bottom:2px;}

.mb5{margin-bottom:5px;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb20{margin-bottom:20px;}

.mb30{margin-bottom


明天计划的事情,明天把任务13完成  还有最后一个页面


遇到的问题,这个导航不用bootstrap组件  还是要想办法的


收获 ,利用自己建立的库  可以大大减少代码的书写量  实在好用,但是占用的行数比较多



返回列表 返回列表
评论

    分享到