概述

功能样式,从常用样式方法中抽离,请按需使用

CSS代码

.text-l{text-align:left}/*水平居左*/  
.text-r{text-align:rightright}/*水平居中*/  
.text-c{text-align:center}/*水平居右*/  
  
.mt-3{margin-top:3px}/*距上5像素*/  
.mt-5{margin-top:5px}/*距上5像素*/  
.mt-11{margin-top:11px}/*距上11像素*/  
.mt-15{margin-top:15px}/*距上15像素*/  
.mt-21{margin-top:21px}/*距上21像素*/  
.mt-24{margin-top:24px}/*距上24像素*/  
.mt-31{margin-top:31px}/*距上31像素*/  
.mt-35{margin-top:35px}/*距上35像素*/  
.mt-41{margin-top:41px}/*距上41像素*/  
.mt-52{margin-top:52px}/*距上52像素*/  
  
.mb-3{margin-bottom:3px}/*距下5像素*/  
.mb-5{margin-bottom:5px}/*距下5像素*/  
.mb-11{margin-bottom:11px}/*距下11像素*/  
.mb-15{margin-bottom:15px}/*距下15像素*/  
.mb-21{margin-bottom:21px}/*距下21像素*/  
.mb-24{margin-bottom:24px}/*距下24像素*/  
.mb-31{margin-bottom:31px}/*距下31像素*/  
.mb-35{margin-bottom:35px}/*距下35像素*/  
.mb-41{margin-bottom:41px}/*距下41像素*/  
.mb-52{margin-bottom:52px}/*距下52像素*/  
  
.ml-3{margin-left:3px}/*距左5像素*/  
.ml-5{margin-left:5px}/*距左5像素*/  
.ml-11{margin-left:11px}/*距左11像素*/  
.ml-15{margin-left:15px}/*距左15像素*/  
.ml-21{margin-left:21px}/*距左21像素*/  
.ml-24{margin-left:24px}/*距左24像素*/  
.ml-31{margin-left:31px}/*距左31像素*/  
.ml-35{margin-left:35px}/*距左35像素*/  
.ml-41{margin-left:41px}/*距左41像素*/  
.ml-52{margin-left:52px}/*距左52像素*/  
  
.mr-3{margin-right:3px}/*距右5像素*/  
.mr-5{margin-right:5px}/*距右5像素*/  
.mr-11{margin-right:11px}/*距右11像素*/  
.mr-15{margin-right:15px}/*距右15像素*/  
.mr-21{margin-right:21px}/*距右21像素*/  
.mr-24{margin-right:24px}/*距右24像素*/  
.mr-31{margin-right:31px}/*距右31像素*/  
.mr-35{margin-right:35px}/*距右35像素*/  
.mr-41{margin-right:41px}/*距右41像素*/  
.mr-52{margin-right:52px}/*距右52像素*/  
  
.pt-5{padding-top:5px}/*上填充5像素*/  
.pt-11{padding-top:11px}/*上填充11像素*/  
.pt-15{padding-top:15px}/*上填充15像素*/  
.pt-21{padding-top:21px}/*上填充21像素*/  
  
.pb-5{padding-bottop:5px}/*下填充5像素*/  
.pb-11{padding-bottop:11px}/*下填充11像素*/  
.pb-15{padding-bottop:15px}/*下填充15像素*/  
.pb-21{padding-bottop:21px}/*下填充21像素*/  
  
.pl-5{padding-left:5px}/*下填充5像素*/  
.pl-11{padding-left:11px}/*下填充11像素*/  
.pl-15{padding-left:15px}/*下填充15像素*/  
.pl-21{padding-left:21px}/*下填充21像素*/  
  
.pr-5{padding-right:5px}/*右填充5像素*/  
.pr-11{padding-right:11px}/*右填充11像素*/  
.pr-15{padding-right:15px}/*右填充15像素*/  
.pr-21{padding-right:21px}/*右填充21像素*/  
  
/*字体大小*/  
.f-11{font-size:11px}  
.f-13{font-size:13px}  
.f-15{font-size:15px}  
.f-16{font-size:16px}  
.f-21{font-size:21px}  
.f-23{font-size:23px}  
.f-29{font-size:29px}  
.f-31{font-size:31px}  
  
/*行间距*/  
.lh-16{line-height:16px}  
.lh-21{line-height:21px}  
.lh-23{line-height:23px}  
.lh-29{line-height:29px}  
.lh-31{line-height:31px}  
.lh-35{line-height:35px}  
.lh-41{line-height:41px}  
.lh-45{line-height:41px}  

/*圆角*/
.radius{
border-radius:3px;
}