我避免使用默認值和下面的重置代碼:

margin:0px; and padding:0px;

例如，下面標題標簽的默認邊距是多少？

<h1>Header</h1>

對于不同的瀏覽器來說是不同的，因此如果你想要一個完美的像素設計，那么實踐就是將這些值“重置”為0(邊距和填充)并自己設置。

“CSS重置”對于前端開發人員來說很常見，我用的一個簡單例子:

html,body,blockquote,code,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}
button,fieldset,form,input,legend,textarea,select{margin:0;padding:0}
fieldset{border:0}
a,a *{cursor:pointer}
div{margin:0;padding:0;background-color:transparent;text-align:left}
hr,img{border:0}
applet,iframe,object{border:0;margin:0;padding:0}
button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer;}
ul,li{list-style:none;margin:0;padding:0;}
strong{font-weight:bold;}
em{font-style:italic;}

它因瀏覽器而異。檢查每個瀏覽器的特定默認樣式表。

以谷歌瀏覽器為例，它是0.67em。

更好的解決方案？ 要知道，如果你想實現x瀏覽器的一致性，你必須使用CSS重置。

最常見的是:

* { padding: 0; margin: 0; }

盡管存在其他(可能更好)方法。

CSS規范有一個信息豐富的附錄d。

雖然內容豐富，但它仍然說:

鼓勵開發人員在他們的 實現。

在那里你可以找到

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }

我認為你應該為h1，h2，h3，h4，h5，h6標簽設置行高:100%。所以空行是最短的。