css 模板

　　css RESET
@CHARSET "gbk";  /*设置编码*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote, /** 结构元素 **/
dl,dt,dd,ul,ol,li, /**  列表元素 **/
pre, /** 文本格式元素 **/
form,fieldset,legend,button,input,textarea, /** 表单元素 **/
th,td{margin:0;padding:0;} /** 表格元素 **/

/** 设置默认字体颜色为#000，背景色为#fff  **/
/** 非IE下增加默认就有垂直滚动条，避免主要是靠JS渲染的页面出现左右闪动的情况**/
html{color:#000; background:#fff;overflow-y:scoll} 

/** 
* 设置默认字体,
* 根据渐进增强和优雅降级的原理，设置字体顺序为tahoma,arial,宋体,sans-serif
* “宋体”使用ascii字符表示，不会出现编码的问题
* 默认字体为12px,行高为12*1.5 = 18px  %这个在某些字体下不适合使用，故去除%
**/
body,button,input,select,textarea{font-size:12px; font-family:tahoma,arial,\5b8b\4f53,sans-serif;}

h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}

/** 重置列表元素 **/ 
ul,ol{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}

fieldset,img{border:0;}

/** 使得表单元素在 ie 下能继承字体大小 **/
button,input,select,textarea{font-size:100%;}

/** 重置表格元素 **/ 
table{border-collapse:collapse;border-spacing:0;}

/** 解决ie7下图片缩放的失真问题 **/  
img{-ms-interpolation-mode:bicubic;} 
/*********webkit内核下让textarea只能垂直拉，不能水平拉*********/
textarea{resize:vertical;}