本人经常使用的css reset

 1 @charset "utf-8";
 2 /* Css Reset For XHTML*/
 3 html{color:#000;background:#FFF}
 4 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
 5 table{border-collapse:collapse;border-spacing:0}
 6 fieldset,img{border:0}
 7 address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
 8 ol,ul{list-style:none}
 9 caption,th{text-align:left}
10 h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
11 q:before,q:after{content:''}
12 abbr,acronym{border:0;font-variant:normal}
13 sup{vertical-align:text-top}
14 sub{vertical-align:text-bottom}
15 input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
16 input,textarea,select{*font-size:100%}
17 legend{color:#000}
18 /*去除链接取得焦点时的虚线框*/
19 a{text-decoration:none;outline:none;}
20 a:hover{text-decoration:underline;}
21 a:active{star:expression(this.onFocus=this.blur())/*IE6/7,此代码会中断tab,而且过多使用css表达式会严重影响页面性能*/;}
22 a:focus{outline:none;}
23 /*解决firefox下button文字设置行高没有垂直居中的问题*/
24 button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]> input[type="button"]::-moz-focus-inner {border:none/*去虚线框*/;padding:0;}
25 /*频繁使用的css*/
26 .cl{clear:both;}
27 .fix{zoom:1;}
28 .fix:after{content:".";display:block;height:0;font-size:0;overflow:hidden;clear:both;}
29 .fl{float:left;}
30 .fr{float:right;}
34 .rel{position:relative;}
35 .abs{position:absolute;}
37 .block{display:block;}
38 .none{display:none;}
39 /*字体(unicode):宋体(\5B8B\4F53)黑体(\9ED1\4F53)微软雅黑(\5FAE\8F6F\96C5\9ED1)*/
40 body{font:12px/150% \5B8B\4F53,sans-serif;}
posted @ 2012-06-10 23:50  无赖君子  阅读(335)  评论(0编辑  收藏  举报