日期:2014-05-17  浏览次数:20539 次

css 公共样式定义

@charset "utf-8";
/*=====================reset css start=========================*/
html, body, div, p, ul, ol, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, input, fieldset, legend, optgroup { margin:0; padding:0; }
html, body { font-family:Arial, "宋体"; font-size:12px; color:#333; line-height:21px; background:#fff; }
h1, h2, h3, h4, h5, h6, em, strong, input, textarea { font-family:arail, 宋体; font-size:12px; font-style:normal; font-weight:normal; }
ul, li { list-style:none; }
input, select, textarea { font-size:12px; vertical-align:middle; }
textarea { border:1px solid #d4d4d4; }
a img { border:0; }
a:link, a:visited {/*L-V-H-A*/ text-decoration:none; color:#343434; }
a:hover, a:active { text-decoration:underline; }
/*=======color======*/
/*表单中必填项文字*/
.required { color:#ef2415; font-family:"宋体"; }
/*注释文字*/
.note { color:#999; }
/*====layout style====*/
/*------表格-----*/
table { border-collapse:collapse; }
table th, table td { text-align:left; }
/*列表-操作列*/
table .operate { text-align:center; }
/*列表-数字列*/
table .num { text-align:right; }
/*左右表格中,文字右对齐列*/
table .col01 { text-align:right; }
/*表格中的文字顶部对齐*/
table .txtv { vertical-align:top; }
/*---除表格外的文字对齐---*/
.txtleft { text-align:left; }
.txtcenter { text-align:center; }
.txtright { text-align:right; }
.floatl { float:left; }
.floatr { float:right; }
/*----清楚浮动1----在应用的过程中我们只需要,在有浮动的元素的面添加<div class="clear"></div>, 这是一种。还有一种就是直接在元素添加一个类clearfix就可以了。*/
.clear { clear: both; margin: 0; padding: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { clear:both; display:block; }
/* End hide from IE-mac */


/*----清楚浮动2----*/
/*
.clearfix{
overflow:auto;
zoom:1;
}
*/

/*--字体类--*/
.font12 { font-size: 12px}
.font14 { font-size: 14px}
.font16 { font-size: 16px}
.font18 { font-size: 18px}
.font20 { font-size: 20px}
.fb { font-weight: bold}
.fu { text-decoration: underline}
.fn { text-decoration: none}
/*--颜色类(常修改增加)--*/
.cred, a.cred:link, a.cred:visited, a.cred:hover { color: #c00}