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

Question

我避免将默认值与以下重置代码一起使用：margin:0px; and padding:0px;例如，下面的标题标签的默认边距是多少？<h1>Header</h1>

Answer 1

关于哪种浏览器，这是不同的，因此，如果要使用像素完美的设计，则可以将这些值“重置”为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;} 

Answer 2

你的问题：

不同的浏览器会有所不同。检查每个浏览器的特定默认样式表以进行说明。

以Google Chrome为例，它是0.67em。

更好的解决方案？

要知道，如果您希望实现x浏览器的一致性，则必须使用CSS Reset。

最常见的是：

* { padding: 0; margin: 0; }

尽管存在其他（可能更好）。

Answer 3

CSS规范具有内容丰富的附录D。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 }