未在任何地方指定标题边距
我有一个奇怪的问题。我有一个简单的网页,由于某种原因
标记具有 margin-top
和 margin-bottom
超过18px。我的 *.css 文件中没有任何内容指定这一点。 Firefox Firebug 向我显示了所应用的样式,但任何地方都没有边距。
在图中,标题文本所在(或应该位于)的 div
有限制。但由于页边距的原因,标题文本被推下。
这可能是什么原因造成的? firefox/firebug 中是否有任何地方可以准确地向我展示该样式的来源?它说 header
标签继承自 body
样式,但这只是这样:
body
{
font-size: .85em;
font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
color: #232323;
background-color: #fff;
}
有什么想法吗?提前致谢。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
默认情况下,标题通常有一个边距。看一下使用重置/规范化样式表。
重置或规范化样式表将您的样式重置为所有浏览器的标准基线。重置和标准化之间的区别在于重置清晰的边距、填充等,其中标准化样式表应用合理的默认值。
这些链接应该有用:
Headers often have a margin by default. Have a look at using a reset/normalization stylesheet.
Reset or normalization stylesheets reset your styles to a standard baseline across all browsers. The difference between reset and normalization is that resets clear margins, padding, etc. where normalization stylesheets apply sensible defaults.
These links should be of use:
这是
的默认样式。与
的文本大小比段落更大的事实类似。这只是默认值。它也可以被覆盖。
That's the default styling for
<h1>
s. It's similar the fact that<h1>
s have larger text size than paragraphs. It's just the default. It can also be overwritten.大多数浏览器都会添加一些默认的
margin
和padding
。尝试重置
margin
,就像这样您也可以在
h1
上重置它Most of the browsers add some default
margin
andpadding
.Try resetting the
margin
, like soYou can also reset it on the
h1
所有浏览器都有一个应用于所有页面的默认 CSS。
使用类似 Yahoo 的 重置 CSS 来取消应用的任何样式。
All browsers have a default CSS that is applied to all pages.
Use something like Yahoo's Reset CSS to cancel out any styles applied.