body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body { font-size:14px; color:#333; font-family: Microsoft YaHei, Simsun;}
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: normal;}
em { font-style:normal; }
input, button, select, textarea { outline:none; }
textarea { resize:none; } /*//禁用了文本的拖拉,尤其在谷歌下*/
p{ text-align:justify; text-justify:distribute;} /*//为了使文本段落左右两边对齐*/
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none;}
*{  -webkit-transition: all .2s ;
       -moz-transition: all .2s ;
        -ms-transition: all .2s ;
         -o-transition: all .2s ;
            transition: all .2s ;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #f9fdff inset !important; }
input::-ms-clear{display:none;}
.fl{float: left;}
.fr{float: right;}
/*清除浮动*/
.clearfix:after{height: 0;display: block;visibility: hidden;clear: both;content: "";}
.clearfix{*zoom:1;}
/*行内边距*/
.p5{padding: 5px;} .p10{padding: 10px;} .p15{padding: 15px;} .p20{padding: 20px;}
/*内边距左:1=10*/
.pl1{padding-left: 1px;} .pl2{padding-left: 2px;} .pl3{padding-left: 3px;} .pl4{padding-left: 4px;} .pl5{padding-left: 5px;} .pl6{padding-left: 6px;} .pl7{padding-left: 7px;} .pl8{padding-left: 8px;} .pl9{padding-left: 9px;} .pl10{padding-left: 10px;}
 /*内边距右:1=10*/
.pr1{padding-right: 1px;} .pr2{padding-right: 2px;} .pr3{padding-right: 3px;} .pr4{padding-right: 4px;} .pr5{padding-right: 5px;} .pr6{padding-right: 6px;} .pr7{padding-right: 7px;} .pr8{padding-right: 8px;} .pr9{padding-right: 9px;} .pr10{padding-right: 10px;}
 /*内边距上:1=10*/
.pt1{padding-top: 1px;} .pt2{padding-top: 2px;} .pt3{padding-top: 3px;} .pt4{padding-top: 4px;} .pt5{padding-top: 5px;} .pt6{padding-top: 6px;} .pt7{padding-top: 7px;} .pt8{padding-top: 8px;} .pt9{padding-top: 9px;} .pt10{padding-top: 10px;}
 /*内边距下:1=10*/
 .pb1{padding-bottom: 1px;} .pb2{padding-bottom: 2px;} .pb3{padding-bottom: 3px;} .pb4{padding-bottom: 4px;} .pb5{padding-bottom: 5px;} .pb6{padding-bottom: 6px;} .pb7{padding-bottom: 7px;} .pb8{padding-bottom: 8px;} .pb9{padding-bottom: 9px;} .pb10{padding-bottom: 10px;}
/*行内边距:20=50*/
.pl20{padding-left: 20px;} .pr20{padding-right: 20px;} .pt20{padding-top: 20px;} .pb20{padding-bottom: 20px;} .pl30{padding-left: 30px;} .pr30{padding-right: 30px;} .pt30{padding-top: 30px;} .pb30{padding-bottom: 30px;} .pl40{padding-left: 40px;} .pr40{padding-right: 40px;} .pt40{padding-top: 40px;} .pb40{padding-bottom: 40px;} .pl50{padding-left: 50px;} .pr50{padding-right: 50px;} .pt50{padding-top: 50px;} .pb50{padding-bottom: 50px;}


 /*行外边距*/
.m5{margin: 5px;} .m10{margin: 10px;} .m15{margin: 15px;} .m20{margin: 20px;}
/*外边距左:1=10*/
.ml1{margin-left: 1px;} .ml2{margin-left: 2px;} .ml3{margin-left: 3px;} .ml4{margin-left: 4px;} .ml5{margin-left: 5px;} .ml6{margin-left: 6px;} .ml7{margin-left: 7px;} .ml8{margin-left: 8px;} .ml9{margin-left: 9px;} .ml10{margin-left: 10px;}
 /*外边距右:1=10*/
.mr1{margin-right: 1px;} .mr2{margin-right: 2px;} .mr3{margin-right: 3px;} .mr4{margin-right: 4px;} .mr5{margin-right: 5px;} .mr6{margin-right: 6px;} .mr7{margin-right: 7px;} .mr8{margin-right: 8px;} .mr9{margin-right: 9px;} .mr10{margin-right: 10px;}
 /*外边距上:1=10*/
.mt1{margin-top: 1px;} .mt2{margin-top: 2px;} .mt3{margin-top: 3px;} .mt4{margin-top: 4px;} .mt5{margin-top: 5px;} .mt6{margin-top: 6px;} .mt7{margin-top: 7px;} .mt8{margin-top: 8px;} .mt9{margin-top: 9px;} .mt10{margin-top: 10px;}
 /*外边距下:1=10*/
 .mb1{margin-bottom: 1px;} .mb2{margin-bottom: 2px;} .mb3{margin-bottom: 3px;} .mb4{margin-bottom: 4px;} .mb5{margin-bottom: 5px;} .mb6{margin-bottom: 6px;} .mb7{margin-bottom: 7px;} .mb8{margin-bottom: 8px;} .mb9{margin-bottom: 9px;} .mb10{margin-bottom: 10px;}
/*行外边距:20=50*/
.ml20{margin-left: 20px;} .mr20{margin-right: 20px;} .mt20{margin-top: 20px;} .mb20{margin-bottom: 20px;} .ml30{margin-left: 30px;} .mr30{margin-right: 30px;} .mt30{margin-top: 30px;} .mb30{margin-bottom: 30px;} .ml40{margin-left: 40px;} .mr40{margin-right: 40px;} .mt40{margin-top: 40px;} .mb40{margin-bottom: 40px;} .ml50{margin-left: 50px;} .mr50{margin-right: 50px;} .mt50{margin-top: 50px;} .mb50{margin-bottom: 50px;}

  

分类:

技术点:

相关文章: