Question

我避免使用以下重置代码的默认值：

margin:0px; and padding:0px;

例如，下面标题标记的默认边距是什么？

<h1>Header</h1>

Answer 1

关于哪种浏览器不同，因此如果你想要一个像素完美的设计，那么练习是将这些值“重置”为0（边距和填充）并自己设置。

“CSS reset”对于前端开发人员来说非常普遍，这是我使用的一个简单示例：

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

Answer 2

你的问题：

因浏览器而异。检查每个浏览器的特定默认样式表。

例如，对于谷歌浏览器，它是0.67em。

更好的解决方案？

请注意，如果您希望实现x-browser一致性，则必须使用CSS Reset。

最常见的是：

* { padding: 0; margin: 0; }

虽然存在其他（可能更好）。

Answer 3

CSS规范提供了信息Appendix D. Default style sheet for HTML 4。

虽然信息但它仍然说：

鼓励开发人员将其用作默认样式表的实施方式。

在那里你可以找到

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 }

Answer 4

我认为您应该为line-height:100%代码设置h1,h2,h3,h4,h5,h6。所以空白行将是最短的。

html标题标签的默认边距是什么（<h1>，</h1> <h2>，</h2> <h3>等）？</h3>

4 个答案:

你的问题：

更好的解决方案？