全局global.css的写法

@charset "utf-8";
/* CSS Document */

/* CSS重置 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{ font-size:12px; line-height:24px; font-family:Tahoma, Arial, SimSun, "宋体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体"; background:#fff; color:#333; -webkit-text-size-adjust:100%;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:normal; font-weight: normal;}
del,ins{text-decoration:none;}
ol,ul,li { list-style:none;}
caption,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;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:normal;font-weight:normal; outline:none;}
input,button,textarea,select{*font-size:100%;}
textarea { resize:none;}
i, em, strong { font-style:normal;}

/* 文字排版 */
.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-indent:2em;}
.lh150 { line-height:150%;}
.lh180 { line-height:180%;}
.lh200 { line-height:200%;}
.unl { text-decoration:underline;}
.no_unl { text-decoration:none;}

/* 定位 */
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.bc { margin-left:auto; margin-right:auto;}
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}
.cb { clear:both;}
.cl { clear:left;}
.cr { clear:right;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}
*html .clearfix { height:1%;}
.clearfix { display:block;}
.vm { vertical-align:middle;}
.pr { position:relative;}
.pa { position:absolute;}
.pf { position:fixed;}
.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;}
.w250 { width:250px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w500 { width:500px;}
.w600 { width:600px;}
.w700 { width:700px;}
.w800 { width:800px;}
.w960 { width:960px;}
.w { width:100%;}

.h50 { height:50px;}
.h80 { height:80px;}
.h100 { height:100px;}
.h200 { height:200px;}
.h { height:100%;}

/* 边距 */
.m10 { margin:10px;}
.m15 { margin:15px;}
.m20 { margin:20px;}
.m25 { margin:25px;}
.m30 { margin:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}
.mt100 { margin-top:100px;}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb50 { margin-bottom:50px;}
.mb100 { margin-bottom:100px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.ml100 { margin-left:100px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr50 { margin-right:50px;}
.mr100 { margin-right:100px;}

.p5 { padding:5px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.p20 { padding:20px;}
.p25 { padding:25px;}
.p30 { padding:30px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt50 { padding-top:50px;}
.pt100 { padding-top:100px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}
.pb50 { padding-bottom:50px;}
.pb100 { padding-bottom:100px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pl50 { padding-left:50px;}
.pl100 { padding-left:100px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr50 { padding-right:50px;}
.pr100 { padding-right:100px;}