15套css reset重设方法实例详解

发布时间:2020-08-06编辑:脚本学堂
有关css reset重设方法的例子,15套css reset重设方法的实现代码,包括最简化的css reset重设,浓缩实用型CSS Reset重设等,需要的朋友参考下。
十一.Tantek Celik Reset CSS
 

复制代码 代码示例:
:link,:visited { text-decoration:none }   
ul,ol { list-style:none }   
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }   
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input   
{ margin:0; padding:0 }   
a img,:link img,:visited img { border:none }   
address { font-style:normal } 

十二.Christian Montoya Reset CSS
 

复制代码 代码示例:
html, body, form, fieldset {   
    margin: 0;   
    padding: 0;   
    font: 100%/120% Verdana, Arial, Helvetica, sans-serif;   
}   
h1, h2, h3, h4, h5, h6, p, pre,   
blockquote, ul, ol, dl, address {   
    margin: 1em 0;   
    padding: 0;   
}   
li, dd, blockquote {   
    margin-left: 1em;   
}   
form label {   
    cursor: pointer;   
}   
fieldset {   
    border: none;   
}   
input, select, textarea {   
    font-size: 100%;   
    font-family: inherit;   

十三.Rudeworks Reset CSS
 

复制代码 代码示例:
* {   
    margin: 0;   
    padding: 0;   
    border: none;   
}   
html {   
    font: 62.5% “Lucida Grande”, Lucida, Verdana, sans-serif;   
    text-shadow: #000 0px 0px 0px;   
}   
ul {   
    list-style: none;   
    list-style-type: none;   
}   
h1, h2, h3, h4, h5, h6, p, pre,   
blockquote, ul, ol, dl, address {   
    font-weight: normal;   
    margin: 0 0 1em 0;   
}   
cite, em, dfn {   
    font-style: italic;   
}   
sup {   
    position: relative;   
    bottombottom: 0.3em;   
    vertical-align: baselinebaseline;   
}   
sub {   
    position: relative;   
    bottombottom: -0.2em;   
    vertical-align: baselinebaseline;   
}   
li, dd, blockquote {   
    margin-left: 1em;   
}   
code, kbd, samp, pre, tt, var, input[type='text'], textarea {   
    font-size: 100%;   
    font-family: monaco, “Lucida Console”, courier, mono-space;   
}   
del {   
    text-decoration: line-through;   
}   
ins, dfn {   
    border-bottom: 1px solid #ccc;   
}   
small, sup, sub {   
    font-size: 85%;   
}   
abbr, acronym {   
    text-transform: uppercase;   
    font-size: 85%;   
    letter-spacing: .1em;   
    border-bottom-style: dotted;   
    border-bottom-width: 1px;   
}   
a abbr, a acronym {   
    border: none;   
}   
sup {   
    vertical-align: super;   
}   
sub {   
    vertical-align: sub;   
}   
h1 {   
    font-size: 2em;   
}   
h2 {   
    font-size: 1.8em;   
}   
h3 {   
    font-size: 1.6em;   
}   
h4 {   
    font-size: 1.4em;   
}   
h5 {   
    font-size: 1.2em;   
}   
h6 {   
    font-size: 1em;   
}   
a, a:link, a:visited, a:hover, a:active {   
    outline: 0;   
    text-decoration: none;   
}   
a img {   
    border: none;   
    text-decoration: none;   
}   
img {   
    border: none;   
    text-decoration: none;   
}   
label, button {   
    cursor: pointer;   
}   
input:focus, select:focus, textarea:focus {   
    background-color: #FFF;   
}   
fieldset {   
    border: none;   
}   
.clear {   
    clear: both;   
}   
.float-left {   
    float: left;   
}   
.float-rightright {   
    float: rightright;   
}   
body {   
    text-align: center;   
}   
#wrapper {   
    margin: 0 auto;   
    text-align: left;   

十四. Anieto2K Reset CSS
 

复制代码 代码示例:
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,   
center, u, b, i {   
    margin: 0;   
    padding: 0;   
    border: 0;   
    outline: 0;   
    font-weight: normal;   
    font-style: normal;   
    font-size: 100%;   
    font-family: inherit;   
    vertical-align: baselinebaseline   
}   
body {   
    line-height: 1   
}   
:focus {   
    outline: 0   
}   
ol, ul {   
    list-style: none   
}   
table {   
    border-collapse: collapse;   
    border-spacing: 0   
}   
blockquote:before, blockquote:after, q:before, q:after {   
    content: “”   
}   
blockquote, q {   
    quotes: “” “”   
}   
input, textarea {   
    margin: 0;   
    padding: 0   
}   
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: baselinebaseline;   
}   
: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;}