未在任何地方指定标题边距

发布于 2024-12-11 17:31:31 字数 644 浏览 0 评论 0 原文

我有一个奇怪的问题。我有一个简单的网页,由于某种原因

标记具有 margin-topmargin-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;
}

有什么想法吗?提前致谢。

在此处输入图像描述

I'm having an odd issue. I have a simple web page, and for some reason the <h1 /> tag is having a margin-top and margin-bottom of over 18px. There is nothing in my *.css file that specifies this. Firefox Firebug shows me the style that is applied, but there is no margin anywhere.

In the picture, the div that the header text is in (or supposed to be in) has the limits. But the header text is pushed down because of the margin.

What could be causing this?? Is there anywhere in firefox/firebug that can show me EXACTLY where that style came from? It says that the header tag inherited from the body style, but that is only this:

body
{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

Any ideas? Thanks in advance.

enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

谢绝鈎搭 2024-12-18 17:31:31

默认情况下,标题通常有一个边距。看一下使用重置/规范化样式表。

重置或规范化样式表将您的样式重置为所有浏览器的标准基线。重置和标准化之间的区别在于重置清晰的边距、填充等,其中标准化样式表应用合理的默认值。

这些链接应该有用:

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:

悲念泪 2024-12-18 17:31:31

这是

的默认样式。与

的文本大小比段落更大的事实类似。这只是默认值。它也可以被覆盖。

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.

郁金香雨 2024-12-18 17:31:31

大多数浏览器都会添加一些默认的 marginpadding

尝试重置margin,就像这样

body{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    margin:0;    /*  ADD THIS  */
}

您也可以在h1上重置它

Most of the browsers add some default margin and padding.

Try resetting the margin, like so

body{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    margin:0;    /*  ADD THIS  */
}

You can also reset it on the h1

笨笨の傻瓜 2024-12-18 17:31:31

所有浏览器都有一个应用于所有页面的默认 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文