CSS中基代码base.css一览

/ css set/
body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,put,textarea,p,blockquote，th,td{marg:0;paddg:0;}
table{border-collapse:collapse;border-spacg:0;}
fieldset,img {border:0;}
address,caption, cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
capation,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:' '}
abbr,acronym{border:0;}

/文字排版/
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-dent:2em;}
.lh150{le-height:150%}
.lh180{le-height:180%}
.lh200{le-height:200%}
.unl{text-decoration:underle;}
.no_unl{text-decoration:none;}
/定位/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{marg-left:auto;marg-right:auto;}
.fl{float:left;display:le;}
.fr{float:right;display:le;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:le-block;}
html .clearfix{height:1%}
. Clearfix{display:block;}
.vm{vertical-align:center;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1}
.hidden{visibility:hidden;}
.none{display:none;}
/长度 高度/
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w{width:100%}
.h50{height:50px;}
.h80{height:80px;}
.h100{height:100px;}
.h200{height:200px;}
.h{height:100%}
/边距/
.m10{marg:10px;}
.m15{marg:15px;}
.m30{marg:30px;}
.mt5{marg-:5px;}
.mt10{marg-:10px;}
.mt15{marg-:15px;}
.mt20{marg-:20px;}
.mt30{marg-:30px;}
.mt50{marg-:50px;}
.mt100{marg-:100px;}
.mb5{marg-bottom:5px;}
.mb10{marg-bottom:10px;}
.mb15{marg-bottom:15px;}
.mb20{marg-bottom:20px;}
.mb30{marg-bottom:30px;}
.mb50{marg-bottom:50px;}
.mb100{marg-bottom:100px;}
.ml5{marg-left:5px;}
.ml10{marg-left:10px;}
.ml15{marg-left:15px;}
.ml20{marg-left:20px;}
.ml30{marg-left:30px;}
.ml50{marg-left:50px;}
.ml100{marg-left:100px;}
.mr5{marg-right:5px;}
.mr10{marg-right:10px;}
.mr15{marg-right:15px;}
.mr20{marg-right:20px;}
.mr30{marg-right:30px;}
.mr50{marg-right:50px;}
.mr100{marg-right:100px;}
.p10{paddg:10px;}
.p15{paddg:15px;}
.p30{paddg:30px;}
.pt5{paddg-:5px;}
.pt10{paddg-:10px;}
.pt15{paddg-:15px;}
.pt20{paddg-:20px;}
.pt30{paddg-:30px;}
.pt50{paddg-:50px;}
.pt100{paddg-:100px;}
.pb5{paddg-bottom:5px;}
.pb10{paddg-bottom:10px;}
.pb15{paddg-bottom:15px;}
.pb20{paddg-bottom:20px;}
.pb30{paddg-bottom:30px;}
.pb50{paddg-bottom:50px;}
.pb100{paddg-bottom:100px;}
.pl5{paddg-left:5px;}
.pl10{paddg-left:10px;}
.pl15{paddg-left:15px;}
.pl20{paddg-left:20px;}
.pl30{paddg-left:30px;}
.pl50{paddg-left:50px;}
.pl100{paddg-left:100px;}
.pr5{paddg-right:5px;}
.pr10{paddg-right:10px;}
.pr15{paddg-right:15px;}
.pr20{paddg-right:20px;}
.pr30{paddg-right:30px;}
.pr50{paddg-right:50px;}
.pr100{paddg-right:100px;}