最优秀的css样式reset.css

介绍yahoo’ YUI http://developer.yahoo.com/yui/

1、CSS Reset http://developer.yahoo.com/yui/3/cssreset/
Here are the contents of CSS Reset.

/*
version: 3.2.0
*/
html { color:#000; background:#FFF; }
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; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { 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; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%;
}
legend { color:#000; }

layout.css

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* CSS reset */

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr { margin:0; padding:0; }
li { list-style:none; }
fieldset, img { border:0; }
em { font-style:normal; }
button, input, select, textarea { font-size:100%; }
legend { color:#000; }
hr { border:none; height:1px; }
body, button, input, select, textarea { font:12px/1.125 Tahoma, Helvetica, "宋体", san-serif; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clear { clear:both; height:0; font:0/0 Arial; visibility:hidden; }
.l { float:left; }
.r { float:right; }

转载请注明出处:https://www.onexin.net/the-best-css-style-reset/

相关文章:

1、CSS样式编写的规范和常见问题
https://www.onexin.net/css-styles-to-prepare-specifications-and-frequently-asked-questions/

2、经典DIV + CSS Layout
https://www.onexin.net/classic-div-css-layout/

3、DIV+CSS布局解决IE6、IE7、IE8样式不兼容问题
https://www.onexin.net/divcss-layout-solution-ie6-ie7-ie8-style-incompatibility-issues/

4、CSS如何让图片垂直并水平居中等比缩放?
https://www.onexin.net/div-css-how-to-make-image-vertical-and-align-center-geometric-scaling/

5、CSS在线编辑助手 – CSS Style Editor
https://www.onexin.net/css-online-editor-assistant-css-style-editor/

Leave a Reply