具有“内置”边距的HTML元素

Question

在完成我的第一个完全使用css进行布局的项目而不是像我最习惯和舒适的表时，我遇到了一个奇怪的问题。 显然有一些内置边距的元素。换句话说，如果你设置“margin-top：0px”，那么元素的渲染方式与不使用时相同。 直到我在IE7中测试网站时我才真正注意到这个问题，显然不尊重这个功能。

到目前为止，我注意到h *元素和ul元素都有这个。 有谁知道我在哪里可以找到有这个在线的其他元素？ 我试着用很少的运气在W3C周围搜索。 我确信它已存在，因为所有现代浏览器都能正确实现这一点。 我只是不知道在哪里可以找到这些信息。

Answer 1

http://meyerweb.com/eric/tools/css/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,
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;
}

Answer 2

您可能想要查看YUI的reset.css

http://developer.yahoo.com/yui/reset/

Answer 3

我使用reset.css（ http://meyerweb.com/eric/tools/css/reset/ ）和ClearFix（ http://www.webtoolkit.info/css-clearfix.html ）的组合来表示行为不端的div包含浮动元素。

Answer 4

浏览器之间可能存在细微的差异，但是，从CSS 2.1规范来看，这一点必须非常接近。

http://www.w3.org/TR/CSS21/sample.html