[北京|]JS-|2019年07月09日的日报-技能树.IT修真院

发表于： 2019-07-09 22:41:01

1 927

今天完成的事情：完成任务13及任务总结、初步完成reset、和自己的组件库、完成了任务14导航

/*重置样式*/
*{
box-sizing: border-box;
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{font:14px "宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#172c45;text-decoration:none;}
a:hover{color:#cd0200;text-decoration:underline;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}
label,button{cursor:pointer;}
h5{font-size: 18px;font-weight: 500;}
/* 共用样式*/
.f-r{ float: right;}
.f-l{float: left;}
.dsp-b{display: block;}
.dsp-i{display: inline;}
.dsp-id{display: inline-block;}
.dsp-no{display: none;}
.dsp-f{display: flex;}
.fdc{flex-direction: column;}
.fww{flex-wrap: wrap;}
.juc{justify-content: center;}
.jus{justify-content: flex-start;}
.jue{justify-content: flex-end;}
.jub{justify-content: space-between;}
.jua{justify-content: space-around;}
.aic{align-items: center;}
.aie{align-items: flex-end;}
.ais{align-items: flex-start;}
.acc{align-content: center;}
.ace{align-content: flex-end;}
.acs{align-content: flex-start;}
.flexa{flex: auto;}
.flexn{flex: none;}
.flex2{flex: 2;}
.po-r{position: relative;}
.po-a{position: absolute;}
.txt-c{text-align: center;}
.bg-fff{background-color: #fff;}
.clr-fff{color: #fff;}
.clr-333{color: #333;}
.clr-999{color: #999;}
.mar-lf-a{margin-left: auto;margin-right: auto;}
.row{display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.pad-20{
padding: 20px;
}
.mar-tb-10{
margin-top: 10px;
margin-bottom: 10px;
}
.pa-tb-10{
padding-top:10px;
padding-bottom: 10px;
}
/*媒体查询*/
@media(max-width:575.88px){