精简的网站reset 和 css通用样式库

参考链接：http://www.zhangxinxu.com/wordpress/2010/07/我是如何对网站css进行架构的/

reset.css

body{

    line-height:1.4;

    color:#333;

    font-family:arial;

    font-size: 12px;

    background:white;

}

input,textarea,select{

    font-size:12px;

    font-size:100%;

    font-family:arial;

    font-family:inherit;

}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{

    margin:;

}

h4,h5,h6{

    font-size:1em;

}

ul,ol{

    padding-left:;

    list-style-type:none;

}

/*image with no-border*/

a img{border:;}

img{border:;}

CSS通用样式库：

.l{float:left;}

.r{float:right;}

.cl{clear:both;}

.n{font-weight:normal;font-style:normal;}

.b{font-weight:bold;}

.i{font-style:italic;}

.fa{font-family:Arial;}

.fg{font-family:Georgia;}

.ft{font-family:Tahoma;}

.fl{font-family:Lucida Console;}

.fs{font-family:'宋体';}

.fw{font-family:'微软雅黑';}

.tc{text-align:center;}

.tr{text-align:right;}

.tl{text-align:left;}

.tdl{text-decoration:underline;}

.tdn,.tdn:hover,a.tdl:hover{text-decoration:none;}

.g0{color:#000000;}

.g3{color:#333333;}

.g6{color:#666666;}

.g9{color:#999999;}

.red{color:red;}

.wh{color:white;}

.f0{font-size:;}

.f10{font-size:10px;}

.f12{font-size:12px;}

.f13{font-size:13px;}

.f14{font-size:14px;}

.f16{font-size:16px;}

.f20{font-size:20px;}

.f24{font-size:24px;}

.vm{vertical-align:middle;}

.vtb{vertical-align:text-bottom;}

.vt{vertical-align:top;}

.vn{vertical-align:-2px;}

.vimg{margin-bottom:-3px;}

.m0{margin:;}

.ml1{margin-left:1px;}

.ml2{margin-left:2px;}

.ml5{margin-left:5px;}

.ml10{margin-left:10px;}

.ml20{margin-left:20px;}

.mr1{margin-right:;}

.mr2{margin-right:2px;}

.mr5{margin-right:5px;}

.mr10{margin-right:10px;}

.mr20{margin-right:20px;}

.mt1{margin-top:;}

.mt2{margin-top:2px;}

.mt5{margin-top:5px;}

.mt10{margin-top:10px;}

.mt20{margin-top:20px;}

.mb1{margin-bottom:1px;}

.mb2{margin-bottom:2px;}

.mb5{margin-bottom:5px;}

.mb10{margin-bottom:10px;}

.mb20{margin-bottom:20px;}

.ml-1{margin-left:-1px;}

.mt-1{margin-top:-1px;}

.p1{padding:1px;}

.pl1{padding-left:1px;}

.pt1{padding-top:1px;}

.pr1{padding-right:1px;}

.pb1{padding-bottom:1px;}

.p2{padding:2px;}

.pl2{padding-left:2px;}

.pt2{padding-top:2px;}

.pr2{padding-right:2px;}

.pb2{padding-bottom:2px;}

.pl5{padding-left:5px;}

.p5{padding:5px;}

.pt5{padding-top:5px;}

.pr5{padding-right:5px;}

.pb5{padding-bottom:5px;}

.p10{padding:10px;}

.pl10{padding-left:10px;}

.pt10{padding-top:10px;}

.pr10{padding-right:10px;}

.pb10{padding-bottom:10px;}

.p20{padding:20px;}

.pl20{padding-left:20px;}

.pt20{padding-top:20px;}

.pr20{padding-right:20px;}

.pb20{padding-bottom:20px;}

.rel{position:relative;}

.abs{position:absolute;}

.dn{display:none;}

.db{display:block;}

.dib{-moz-inline-stack:inline-block;display:inline-block;}

.di{display:inline;}

.ovh{overflow:hidden;}

.ovs{overflow:scroll;}

.vh{visibility:hidden;}

.vv{visibility:visible;}

.lh14{line-height:14px;}

.lh16{line-height:16px;}

.lh18{line-height:18px;}

.lh20{line-height:20px;}

.lh22{line-height:22px;}

.lh24{line-height:24px;}

.fix{*zoom:;}

.fix:after,.fix:before{display:block;content:"clear";height:;clear:both;overflow:hidden;visibility:hidden;}

.z{_zoom:;}