html – 带标题的标题标记的不同行为

2023年8月24日 138次阅读

标题标签行为(h1和h2)如果我在节中写入h1和h2,或者在旁边显示相同的字体大小,如果我把它放在节之外或标签旁边,它就能正常工作.

我已经搜索了很多,但没有得到答案.

有人回答.

<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>


<section>
    <h1>heading 1</h1>
    <h2>heading 2</h2>
    <h3>heading 3</h3>
</section>

<aside>
    <h1>heading 1</h1>
    <h2>heading 2</h2>
    <h3>heading 3</h3>
</aside>

最佳答案 这是一个浏览器自定义样式)

例如. h1在section之外或旁边有font-size：2em,但是在section,article,aside,nav有font-size：1.5em

参见devtools.

:-webkit-any(article,aside,nav,section) h1 {
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
}

在文章之外,部分,导航,旁边h1有这种风格

h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

如果你不想要这样的惊喜 – 用normalize.css重置浏览器样式)

点赞