首页 > 代码库 > 比较全的css重设
比较全的css重设
一.最简化的CSS Reset(重设) :
* { padding: 0; margin: 0;}
这是最普遍最简单的CSS重设，将所有元素的padding和margin值都设为0，可以避免一些浏览器在理解这两个属性默认值上的”分歧”。
二.浓缩实用型CSS Reset(重设):
* { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0;}
三.Poor Man 的CSS Reset:
html, body { padding: 0; margin: 0;}html { font-size:1em;}body { font-size:100%;}a img, :link img, :visited img { border:0px;}
这个重设方法将html和body下元素的padding和margin都设为0，并分别为html标签和body标签下的所有元素设置了初始的字体大小，最重要的是把有链接的图片的默认边框去掉了。
四.Siolon’s Global Reset
{ vertical-align: baseline; font-family: inherit; font-style: inherit; font-size: 100%; border: none; padding: 0; margin: 0;}body { padding: 5px;}h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl { margin: 20px 0;}li, dd, blockquote { margin-left: 40px;}table { border-collapse: collapse; border-spacing: 0;}
五.Shaun Inman’s Global Reset
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object { padding: 0; margin: 0;}table { border-collapse: collapse; border-spacing: 0;} fieldset, img, abbr { border: 0;}address, caption, cite, code, dfn, em,h1, h2, h3, h4, h5, h6, strong, th, var { font-weight: normal; font-style: normal;}ul { list-style: none;}caption, th { text-align: left;}h1, h2, h3, h4, h5, h6 { font-size: 1.0em;}q:before, q:after { content: ”;}a, ins { text-decoration: none;}
六.Yahoo(YUI) CSS Reset:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0;}table { border-collapse: collapse; border-spacing: 0;}fieldset,img { border: 0;}address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal;}ol,ul { list-style: none;}caption,th { text-align: left;}h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;}q:before,q:after { content:”;}abbr,acronym { border: 0;}
七.Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe, table, caption,tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0;}:focus { outline: 0;}body { background: white; line-height: 1; color: black;}ol, ul { list-style: none;}table { border-collapse: separate; border-spacing: 0;}caption, th, td { font-weight: normal; text-align: left;}blockquote:before, blockquote:after, q:before, q:after { content: “”;}blockquote, q { quotes: “” “”;}
八.Condensed Meyer Reset:
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0;} fieldset, img { border: 0;}table { border-collapse: collapse; border-spacing: 0;}ol, ul { list-style: none;}address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal;}caption, th { text-align: left;}h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;}q:before, q:after { content: ”;}abbr, acronym { border: 0;}
九.Ateneu Popular CSS Reset
html, body, div, span, applet, object, iframe, h1, h2, h3,h4, h5, h6, p, blockquote, pre, a, abbr, acronym,address, big, cite, code, del, dfn, em, font, img, ins,kbd, q, s, samp, small, strike, strong, sub, sup, tt,var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}:focus { outline: 0;}a, a:link, a:visited, a:hover, a:active{ text-decoration:none}table { border-collapse: separate; border-spacing: 0;}th, td { text-align: left; font-weight: normal;}img, iframe { border: none; text-decoration:none;}ol, ul { list-style: none;}input, textarea, select, button { font-size: 100%; font-family: inherit;}select { margin: inherit;}hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px}
十、CSSLab CSS Reset
html,body, div, span, applet, object, iframe, h1, h2, h3,h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot,thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}:focus { outline: 0;}table { border-collapse: separate; border-spacing: 0;}caption, th, td { text-align: left; font-weight: normal;}a img, iframe { border: none;}ol, ul { list-style: none;}input, textarea, select, button { font-size: 100%; font-family: inherit;}select { margin: inherit;}/* Fixes incorrect placement of numbers in ol’s in IE6/7 */ol { margin-left:2em; }/* == clearfix == */.clearfix:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height: 1%;}.clearfix {display: block;}
比较全的css重设
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。