Eric Meyer’s CSS 清零代码

啵呗

于 2012-07-17 09:05:09 发布

阅读量1k

点赞数

文章标签： css styles applet table iframe border

本文详细介绍了如何通过CSS对各种HTML元素进行样式重置，确保网页在不同浏览器中的一致显示效果。文中列举了多种常见元素如标题、段落、列表等的默认样式清除方法，并强调了这些操作对于构建响应式布局的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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,  
b, u, i, center,  
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-size: 100%;  
    vertical-align: baseline;  
    background: transparent;  
}  
body {  
    line-height: 1;  
}  
ol, ul {  
    list-style: none;  
}  
blockquote, q {  
    quotes: none;  
}  
blockquote:before, blockquote:after,  
q:before, q:after {  
    content: '';  
    content: none;  
}  
  
/* remember to define focus styles! */  
:focus {  
    outline: 0;  
}  
  
/* remember to highlight inserts somehow! */  
ins {  
    text-decoration: none;  
}  
del {  
    text-decoration: line-through;  
}  
  
/* tables still need 'cellspacing="0"' in the markup */  
table {  
    border-collapse: collapse;  
    border-spacing: 0;  
}