目前比较全的CSS reset重设方法总结

2020-05-01 09:36:38易采站长站整理

CSS Code复制内容到剪贴板

* {   
       vertical-align: baselinebaseline;   
       font-weight: inherit;    
       font-family: inherit;    
       font-style: inherit;   
       font-size: 100%;   
       outline: 0;   
       padding: 0;   
       margin: 0;   
       border: 0;   
}  

  该CSS重设方法出自Perishable Press,这是他常用的方法。

三.Poor Man 的CSS Reset:

CSS Code复制内容到剪贴板

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

CSS Code复制内容到剪贴板

* {    
    vertical-align: baselinebaseline;   
    font-family: inherit;   
    fo   
  
nt-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 {