H1标签特殊设计

Question

我花了几个小时寻找问题的答案，但没有发现任何类似的东西。我已经完成了很多设计工作。现在我注意到我没有在任何页面上使用H1标签，而是想在导航标题上添加H1标签。

所以我的问题是

如何使H1标签没有任何效果，只是成为HTML中的普通标签而对文本没有样式效果？

Answer 1

使用all: unset;删除默认的浏览器样式（然后，您可以根据需要设置样式）

h1{
 all: unset;
}

<h1>I am h1 but looks like normal p</h1>

在IE中编辑支持

您可以选择使用!important

覆盖浏览器默认样式

here is links to default style in each browser

例如，覆盖IE样式：

h1{
font-size: 11pt;
font-weight: normal;
}

 <h1>I am h1 but looks like normal p</h1>
 
 <p>this is the default style:</p>
 display: block;
font-size: 24pt;
font-weight: bold;
margin: 14pt 0;

Answer 2

按照为其他标签声明的那样重新分配h1标签样式。     h1{font-size:20px !important;.....}

Answer 3

您可以将h1标签用作主要标题，并根据需要对其进行自定义。像：-

h1{font-size: 24px;}