我的h1标签是insode的一个标签,比h2标签小.当在section标签外面时,h1标签的大小正确.我一直在浏览我的CSS页面,但没有发现会导致这种情况发生的事情.这是我的CSS页面:
body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; padding: 0; color: #000; background-image: url(images/mass_effect_1_citadel_dreamscene_by_droot1986-d5sw7hu.jpg); } a img { border: none; } .container { width: 960px; background-color: #192370; margin: 0 auto; } header { background-color: #050a2e; } .sidebar1 { float: left; width: 175px; background-color: #2236d1; padding-bottom: 10px; border: solid thin black; text-align: center; } .content { padding: 10px 0; width: 780px; float: right; border: solid thin black; } footer { padding: 10px 0; background-color: #050a2e; position: relative; clear: both; text-align: center; } header, section, footer, aside, article, figure { display: block; color: white; } a:link { text-decoration: none; color: #d1bd22; font-size: 1.3em; } a:visited { text-decoration: none; color: white; font-size: 1.3em; } a:hover { text-decoration: underline; color: #d1bd22; font-size: 1.3em; } a:active { text-decoration: underline; color: white; font-size: 1.3em; }
任何帮助将不胜感激
如果在没有样式表的情况下测试情况,您将看到元素h1
内部section
以较小的字体显示.这是由浏览器样式表引起的,支持的浏览器section
及其在HTML5中的建议呈现.的section
元件已被定义,使得在其内,一个h1
元件是一个标题的部分,所以相对于页面作为一个整体,它是在第2电平(或甚至在一个较低的水平,如果section
内容已经嵌套).
对于这种方法的充分性有各种各样的看法,但这就是HTML5草案所说的以及一些浏览器已经实现的内容.另一方面,旧浏览器忽略了这些规则,因此该方法实际上并不健壮.h2
用于章节标题更安全(并且根据HTML5完全可以接受).