CSS样式重置代码

html{color:#000;background:#FFF;font-size:12px;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}ul li{list-style:none;}caption{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;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} textarea,input{outline:none;}ol li{list-style-position:inside;} html {padding:0;margin:0;width:100%;height:100%;  } body {  padding:0;  margin:0;  width:100%;  font-family:"Microsoft Yahei","Arial";  font-size:12px; } *{zoom:1;} a {  color:#4a9e00;  text-decoration:none;  outline:none; -webkit-transition:color 0.5s ease;     -moz-transition:color 0.5s ease;     -ms-transition:color 0.5s ease;     -o-transition:color 0.5s ease;     transition:color 0.5s ease; }

a:hover {color:#4a9e00; text-decoration:underline;} a *{cursor:pointer;} /*color定义*/ .cred,.cred a{color:#f00 } .red,.red a{color:#D60101 } .blue{color:#3865EB; } .gray{color:gray; } .yellow{color:yellow; } .black,.black a {color:black; } .white,.white a {color:white; } .green,.green a{ color:#090;} .mainColor{color:#4a9e00; } .co999{color:#999; } /*定位*/ .fl{float:left} .fr{float:right} .clear{ clear:both;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { zoom:1; } .mar5 {margin-right:5px; } .mar10 {margin-right:10px; } .mar15 {margin-right:15px;} .mar35 {margin-right:35px; }

.mat5 {margin-top:5px; } .mat10 {margin-top:10px; } .mat15{margin-top:15px; } .mat20 {margin-top:20px; } .mat30 {margin-top:30px; } .mat45 {padding-top:45px;} .mab10 {margin-bottom:10px; } .mab20 {margin-bottom:20px; } .poa {position:absolute; } .por {position:relative; } /*显示状态*/ .block{ display:block} .hide{ display:none} /*字体*/ .font12 {font-size:12px;} .font14 {font-size:14px;} .font16 {font-size:16px;} .font18 {font-size:18px;} .font20 {font-size:20px;} .font24 {font-size:24px;} .lh18 {line-height:18px; } .lh20 {line-height:20px; } .lh24 {line-height:24px; } .lh26 {line-height:26px; } .lh30 {line-height:30px; } /*功能*/ .num{ font-family:Arial, Helvetica, sans-serif} .more {float:right; color:#999;font-size:12px;font-weight:normal; } .more a:hover {color:#ff4400;} .strong{font-weight:bold} .tac{ text-align:center;} .tar  {text-align:right; } .tal  {text-align:left; } .xuxian,.xuxian td{ border-bottom:1px dashed #ccc;} .xuxian2,.xuxian2 td{ border-bottom:1px dotted #ccc;} .block10{ height:10px; clear:both; overflow:hidden;} /*尺寸*/ .hei20{height:20px;} .hei30{height:30px;} .hei60{height:60px;} .hei110 {height:110px; } .hei205{height:205px;} .hei349 {height:349px; overflow:hidden; } .hei643{height:643px;} .wei50 {width:50px; } .wei235{width:235px; } .wei320 {width:320px; } .wei630 {width:630px; } .wid960{width:960px;} .per50 {width:50%; }

/*按钮们*/ .btn_1,.btn_2,.btn_3,.btn_4,.btn_5,.btn_6{width:96px;text-align:center;border:0; cursor:pointer;background:url(../images/btn_s.png) no-repeat left top; } .btn_1 { height:33px;line-height:33px;background-position: left top;color:#B20000; font-weight:bold; } .btn_1:active{background-position:left -33px; } .btn_2 {height:25px;line-height:25px;color:#fff;background-position:left -66px;  font-weight:bold;} .btn_3 {height:22px;line-height:22px;background-position:left -91px; color:#644121; } .btn_4 {height:25px;line-height:25px;background-position:left -113px;color:#E20000; } .btn_5 {height:26px;line-height:26px;background-position:left -164px;color:#333;} .btn_5:active{background-position:  left -138px; } .btn_6 {height:22px;line-height:22px;background-position:left -190px;} .btn_7 {padding:4px 10px;cursor:pointer; font-size:14px;}

/*通用class*/ .centerBody{margin-left:auto;margin-right:auto; text-align:left;} .inputStyle{border:1px solid #ccc; background:#f5f5f5;color:#777;  line-height:20px;height:20px;padding:5px;border-radius:5px;} .inputStyle:hover{ background:#f9f9f9; border:1px solid #aaa;} .inputStyle:focus{ background:#ffc;outline:none;color:#333; } .selcetStyle {padding:2px; zoom:1;} .selcetStyle option{padding:2px; zoom:1;} .xfbox{border:1px solid #ddd; border-width:0 1px;background:url(../images/xf_boxB.png) left bottom repeat-x; } .box960 {width:960px; } .imgborder {padding:4px;border:1px solid #ddd;background:#fff;  } a:hover .imgborder{border:1px solid #8A98DF; background:#A8C4EA;} .boxWrap {padding-bottom:2px;background:#eee; } /*文字列表14  14号文字*/ .textList14 li{line-height:24px;font-size:14px;   } .textList14  li span{color:#999;float:right;  font-size:12px; font-family: Arial, Helvetica, sans-serif } /*文字列表14  14号文字 大圆点*/ .textList14b  li{height:24px;line-height:24px;font-size:14px; } .textList14b li span{color:#999;float:right;  font-size:12px; font-family: Arial, Helvetica, sans-serif } /*文字列表12  12号文字*/ .textList12 {} .textList12  li{line-height:20px;font-size:12px;} .textList12  li span,.textList12b  li span{color:#999;float:right;   } .textList12  li em{color:#999;}

.btn_defult {padding:5px 10px;}

.ellipsis{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; white-space: wrap; }

posted @ 2014-06-27 23:44  细腿猫  阅读(165)  评论(0)    收藏  举报