Html 显示不同标题的相同字体大小

HTML:

结果:

---

为什么它们都是一样的？

因为您使用的是CSS重置样式表，并且在您的样式表中，

字体大小：100%

应用于从

h1

到

h6

的所有标题，这将把

字体大小重置为浏览器默认值

因此，您必须再次设置标题的样式


html，body，div，span，object，iframe，h1，h2，h3，h4，h5，h6，p，blockquote，pre，a，abbr，缩写词，address，big，cite，code，del，dfn，em，img，ins，kbd，q，s，samp，small，strike，strong，sub，sup，tt，var，b，u，i，center，dl，dt，dd，dd，ol，ul，li，fieldset，form，label，ledge，
表格、标题、tbody、tfoot、thead、tr、th、td、文章、旁白、画布、细节、嵌入、，
figcaption、页脚、页眉、hgroup、菜单、导航、输出、ruby、节、摘要、，
时间、标记、音频、视频{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
垂直对齐：基线；
字体系列：“Myriad Set Pro”，“Helvetica Neue”，Helvetica，Arial，Verdana，无衬线；
}  
h1{字体大小：150%}
h2{字体大小：80%}
h3{字体大小：65%}
h4{字体大小：45%}
照片的存储库。
您的照片的存储库。
您的照片的存储库。
照片的存储库。
，因为您已选择了所有标题标记，并为所有标题标记指定了
字体大小：100%
。这就是为什么它为不同的标题显示相同的字体大小。
因为
字体大小：100%
它们是相同的，因为您制作了所有
100%
，这与JSFIDDLOK设置的14px字体大小有关。因此，浏览器上的默认字体大小基本上是14px，重置会导致所有标题都是14px？我的意思是默认字体大小为16px。应用
font size:100%
会将字体大小重置为浏览器默认值。您是否介意更新您的答案，使其尽可能完整
<h1>The Repository For Your Photos.</h1>
<h2>The Repository For Your Photos.</h2>
<h3>The Repository For Your Photos.</h3>
<h4>The Repository For Your Photos.</h4>

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family: "Myriad Set Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}