0

如何将标题的大小重置为默认大小？这是我拥有的一些 HTML：

<h2>Hello World</h2>

这是它的CSS：

h2 {
    font-size: 16px;
    margin: 1em 0 0.5em;
}

/*I'd like to reset that height of 16px and use the default browser height */
h2 {
    font-size: 100%;
}

我需要覆盖旧h2选择器并将标题重置为默认大小？我用谷歌搜索了这个，它说标题大小取决于浏览器，我不想对标题大小进行硬编码。

这是我知道的一个非常基本的问题，但不知何故我无法理解我需要使用什么值来重置高度。

4

6 回答 6

2

根据A List Apart，默认body字体大小是16px（这在浏览器中是一致的）。

W3C 推荐的默认样式表将h2大小显示为1.5 em.

一些简单的计算将我们带到16 * 1.5 = 24px.

因此，将您的 h2 设置font-size为24px应该这样做。

于 2012-11-19T19:50:57.427 回答
1

通常，您不能将元素的属性设置为其默认值，除非不在任何作者样式表中设置该属性。为此建议的方法是基于误解或对默认值的一些假设，但默认值取决于浏览器。

于 2012-11-19T20:34:31.903 回答
0

您可以Normalize.css从一开始就使用它，它将跨浏览器标准化标题大小：

Normalize.css 使浏览器更一致地呈现所有元素并符合现代标准。它仅针对需要规范化的样式。

例如，这里是对<h1>标签的修复：

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}
于 2012-11-19T19:45:35.833 回答
0

没有办法回到浏览器的默认字体大小，因为每个人的做法都有点不同。

当您更改 h2 上的字体大小时，它也会影响边距的大小（因为它们在 中定义em）。我怀疑您正在尝试将 font-size 修改为 16px 以尝试匹配也在em. 如果是这种情况，您将需要以不同方式设置属性：

h2 {
    font-size: 1.5em;
    margin: .75em 0 0.333em; /* (1 / 1.5) 0 (.5 / 1.5) */
}
于 2012-11-19T20:14:45.843 回答
-1

标头的默认font-size值为medium. 见这里：https ://developer.mozilla.org/en-US/docs/CSS/font-size

所以你会这样做：

h2 {font-size: medium;}
于 2012-11-19T19:45:18.097 回答
-2

将标题字体大小设置回默认值的最简单方法可能是从您已经拥有的 h2 元素中删除字体大小声明，而不是：

h2 {
    font-size: 16px;
    margin: 1em 0 0.5em;
}

你只会有

h2 {
    margin: 1em 0 0.5em;
}

您还需要检查您的样式表是否有可能声明 h2 字体大小的任何其他位置。如果您不能或不想删除字体大小声明，您可以执行以下操作将所有 h2 元素的字体大小重置为默认值

h2 {
    font-size: medium !important;
}

medium 的字体大小是所有浏览器的默认值，最后的 !important 使其覆盖所有其他声明的样式。不过，您需要小心使用重要，因为它使确定样式将如何通过元素级联和/或如何应用它变得更加困难。

干杯，这有什么帮助。

默认值来源：http ://www.w3schools.com/cssref/pr_font_font-size.asp

于 2012-11-19T19:51:59.067 回答