Cssreset

1、

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"201C" "201D" "2018" "2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

2、

body,blockquote,dd,dl,figure,form,p,pre,h1,h2,h3,h4,h5,h6{margin:0}menu,ul,ol{list-style:none;margin:0;padding:0}body{line-height:1.5;background-color:#FFFFFF}body,h1,h2,h3,h4,h5,h6,input,button,select,textarea{font-size:18px}input[type="button"],input[type="submit"],input[type="reset"]{font-size:16px}body,input,button,select,optgroup,option,textarea,pre{font-family:Arial,Roboto,'Droid Sans','Hiragino Sans GB','Microsoft YaHei','Simsun',STXihei,'sans-serif'}iframe{background-color:#FFFFFF;vertical-align:middle}a{color:#000000}a:hover{text-decoration:underline;color:#FF0000}img{vertical-align:middle}a img{border:0 none}fieldset{margin:0;padding:0}legend{color:windowtext}button,input.ie6{overflow:visible;padding:.1em .25em;cursor:pointer}input[type="button"],input[type="submit"],input[type="reset"]{overflow:visible;padding:.1em .25em;cursor:pointer}input[type="text"],select,textarea{background-color:#FFFFFF}select{border:1px inset}textarea{overflow:auto;vertical-align:text-bottom;*vertical-align:auto;border:1px solid;resize:vertical}table{border-spacing:0}td,th,caption{padding:0}

展开

/*===== 清除默认的margin的属性值 =====*/
body,
blockquote,
dd,
dl,
figure,
form,
p,
pre,
h1,
h2,
h3,
h4,
h5,
h6 {margin:0;}

/*===== 统一设置列表的margin和padding,以及列表表形式 =====*/
menu,
ul,
ol {list-style:none;margin:0;padding:0;}

/*===== 全局定义字体以及页面背景 =====*/
body {line-height:1.5;background-color:#FFFFFF;}
body,h1,h2,h3,h4,h5,h6,input,button,select,textarea {font-size: 18px;} /* 设置字体大小 */
input[type="button"],
input[type="submit"],
input[type="reset"] {font-size: 16px;} /* 设置字体大小,这部分跟前面写在一起,IE6中会无效 */

/*===== 字体控制 =====*/
body,
input,
button,
select,
optgroup,
option,
textarea,
pre {font-family: Arial, Roboto, 'Droid Sans', 'Hiragino Sans GB', 'Microsoft YaHei', 'Simsun', STXihei, 'sans-serif';}

/*===== 设置iframe的背景色以及去除个别浏览器iframe底部的几个像素 =====*/
iframe {background-color:#FFFFFF;vertical-align:middle;}

/*===== 设置文本链接样式 =====*/
a {color:#000000;}
a:hover {text-decoration:underline;color:#FF0000;}

/*===== 去除个别浏览器图片底部的几个像素,以及设置图片形式链接无边框 =====*/
img {vertical-align:middle;}
a img {border:0 none;}

/*===== 设置表单元素的样式 =====*/
fieldset {margin:0;padding:0;}
legend {color:windowtext;} /* 设置表单域部分的字体颜色为系统窗体文本颜色 */
button,
input.ie6 {overflow:visible;padding:.1em .25em;cursor:pointer;} /* 尽量统一按钮的大小,鉴于IE6不支持【属性选择符】,所以使用一个类名来控制 */
input[type="button"],
input[type="submit"],
input[type="reset"] {overflow:visible;padding:.1em .25em;cursor:pointer;} /* 尽量同意按钮的大小,如果采用input方式做的按钮 */
input[type="text"],
select,
textarea {background-color:#FFFFFF;} /* 统一文本输入框、下拉、文本框的背景色,避免被用户设置系统颜色而破坏页面色彩 */
select {border:1px inset;} /* 统一下拉的边框 */
textarea {overflow:auto;vertical-align:text-bottom;*vertical-align:auto;border:1px solid;resize:vertical;} /* 滚动条为auto,与周边的元素对齐方式,其中hack部分是IE6&7中vertical-align影响范围清除,resize为上下可拉动,避免左右拉动破坏页面布局,如有需要可以设置为none */

/*===== 设置表格元素的样式 =====*/
table {border-spacing:0;} /* 合并表格的间隙,去掉单元格之间的间距,如有需要合并单元格为细线表格,可增加 border-collapse:collapse; */
td, th, caption {padding:0;} /* 去除单元格以及caption表头的padding值 */

3、淘宝reset

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}body,button,input,select,textarea{font:12px/1.5tahoma,arial,5b8b4f53}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:couriernew,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}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}

4、张鑫旭H5reset

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}:focus{outline:1}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
原文地址:https://www.cnblogs.com/futai/p/6002913.html