我的css重用类

/*=====默认样式=====*/
*{padding:0;margin:0;}
body{font:12px verdana,Arial,sans-serif,"宋体";}
table{border-collapse:collapse;}
th{font-weight:normal;text-align:left;}
a img{border:none;}
ul{list-style:none;}
h2,h3{font-size:14px;font-weight:bold;}
a{text-decoration: none;}
a:hover{text-decoration:underline;}
b{font-weight:normal;}

/*=====重用css类=====*/
/*颜色*/
.red{color:red;}
.grey{color:#999;}
/*文本*/
.font10{font-size:10px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font20{font-size:20px;}
.bold{font-weight:bold;}
.indent{text-indent:2em;}
.textLeft{text-align:left;}
.textCenter{text-align:center;}
.textRight{text-align:right;}
/*行高*/
.pLineHeight{line-height:150%;}
.pLineHeight2{line-height:180%;}
.pLineHeight3{line-height:200%;}
/*边距*/
.marginTop5{margin-top:5px;}
.marginTop10{margin-top:10px;}
.marginTop15{margin-top:15px;}
.marginTop20{margin-top:20px;}
.marginTop30{margin-top:30px;}
.marginTop50{margin-top:50px;}
.marginTop100{margin-top:100px;}
.marginBottom5{margin-bottom:5px;}
.marginBottom10{margin-bottom:10px;}
.marginBottom15{margin-bottom:15px;}
.marginBottom20{margin-bottom:20px;}
.marginBottom30{margin-bottom:30px;}
.marginBottom50{margin-bottom:50px;}
.marginBottom100{margin-bottom:100px;}
.marginLeft10{margin-left:10px;}
.marginLeft20{margin-left:20px;}
.marginRight10{margin-right:10px;}
.marginRight20{margin-right:20px;}
.paddingTop5{padding-top:5px;}
.paddingTop10{padding-top:10px;}
.paddingTop15{padding-top:15px;}
.paddingTop20{padding-top:20px;}
.paddingTop30{padding-top:30px;}
.paddingTop50{padding-top:50px;}
.paddingTop100{padding-top:100px;}
.paddingBottom5{padding-bottom:5px;}
.paddingBottom10{padding-bottom:10px;}
.paddingBottom15{padding-bottom:15px;}
.paddingBottom20{padding-bottom:20px;}
.paddingBottom30{padding-bottom:30px;}
.paddingBottom50{padding-bottom:50px;}
.paddingBottom100{padding-bottom:100px;}
.paddingLeft10{padding-left:10px;}
.paddingLeft20{padding-left:20px;}
.paddingRight10{padding-right:10px;}
.paddingRight20{padding-right:20px;}
/*浮动*/
.floatLeft{float:left;display:inline;}
.floatRight{float:right;display:inline;}
.clear{clear:both;float:none;height:0px;overflow:hidden;}
/*分隔线*/
.bottomLine{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #DDD;}
.dashLine{height:0px;overflow:hidden;border-bottom:1px dashed #ddd;margin:10px 0;}
.solidLine{height:0px;overflow:hidden;border-bottom:1px solid #ddd;margin:10px 0;}
/*链接样式*/
.noUnderline,.noUnderline a{text-decoration:none;}
.underline,.underline a{text-decoration:underline;}
/*其它*/
.hasLayout{zoom:1;}
.hide{display:none;}

每次写css的时候,都会重复使用一个类,把它们组织好,以后每次切页面都直接用这些用习惯了的类,速度能快很多.引外还有th等标签的样式,最好也把默认样式去掉,这个css重用库还没完善,以后还会陆续之补完.

原文地址:https://www.cnblogs.com/cly84920/p/4427141.html