2010-07-26 189 views
2

在我完成使用css而不是像我最習慣和舒適的表格那樣的第一個項目時,遇到了一個奇怪的問題。顯然有一些元素有內置的邊距。換句話說,如果你設置了「margin-top:0px」,那麼元素的渲染方式與你不相同。直到我在IE7中測試這個站點時,我才注意到這個問題,這顯然不尊重這個功能。帶有「內置」邊距的HTML元素

到目前爲止,我已經注意到h *元素和ul元素有這個。有沒有人知道我在哪裏可以找到網上的其他元素有這個?我試着用很少的運氣在W3C周圍搜索。我確定它在那裏,因爲所有的現代瀏覽器正確地實現了這一點。我只是不知道在哪裏可以找到這些信息。

回答

1

瀏覽器之間可能存在細微的差異,但是從CSS 2.1規範來看,這個差距必須非常接近。

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

+0

謝謝。其他答案也非常有幫助,但這尤其是我所期待的。 – John 2010-07-27 01:03:20

+0

注意處理電子郵件客戶端中的'div'和'p'aragraphs ...這些差異很大。 – 2010-07-27 01:11:43

+0

'form'在某些瀏覽器中也有不一致的處理,而'body'在老版本的Opera中用'padding'代替'margin'。 – bobince 2010-07-27 01:23:41

7

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; 
} 
+0

這幾乎是每一個共同的元素,不在少數像表單字段會看傻了無邊框/填充。大多數人在任何瀏覽器中都沒有默認的頁邊距。 – bobince 2010-07-27 01:18:58

+0

@bobince - 信任,但驗證:) – KakambaWeb 2010-07-27 11:08:59