1

如何在一个声明中指定所有 H1-H6 标题字体属性？CSSLint.net 还显示警告标题应该只定义一次。我有几个地方指定了标题：

h1 { font-size: 1.8em; margin-top: 2em; margin-bottom: .5em; }
h2 { font-size: 1.6em; margin-top: 2em; margin-bottom: .5em; }
h3 { font-size: 1.4em; margin-top: 1.5em; margin-bottom: .5em; }
h4 { font-size: 1.2em; margin-top: 1.2em; margin-bottom: .3em; }
h5 { font-size: 1.1em; margin-top: 1em; margin-bottom: .1em; }
h6 { font-size: 1.0em; margin-top: 1em; margin-bottom: .1em; }

h1, h2 {
padding-bottom:2px;
border-bottom:1px solid #919699;
}

h1, h2, h3, h4, h5, h6 {
font-weight:bold;
line-height:normal;
}
4

2 回答 2

2

简单...所有网站都在说不要一遍又一遍地声明相同的标签...使用这样的东西...

h1 { font-size: 1.8em; margin-top: 2em; margin-bottom: .5em;
padding-bottom:2px;
border-bottom:1px solid #919699;
font-weight:bold;
line-height:normal;}
h2 { font-size: 1.6em; margin-top: 2em; margin-bottom: .5em;
padding-bottom:2px;
border-bottom:1px solid #919699;
font-weight:bold;
line-height:normal;}
h3 { font-size: 1.4em; margin-top: 1.5em; margin-bottom: .5em; 
font-weight:bold;
line-height:normal;}
h4 { font-size: 1.2em; margin-top: 1.2em; margin-bottom: .3em;
font-weight:bold;
line-height:normal;}
h5 { font-size: 1.1em; margin-top: 1em; margin-bottom: .1em; 
font-weight:bold;
line-height:normal;}
h6 { font-size: 1.0em; margin-top: 1em; margin-bottom: .1em;
font-weight:bold;
line-height:normal;}

显然，您的方式更具可读性......但这合并了所有内容，因此每个标签只定义一次。

于 2013-07-23T23:41:35.343 回答
1

你的例子很好。他们的意思是你应该只h1在你的 HTML 中使用一次标题，但那已经改变了。W3C 标准现在允许您使用任意数量的。他们实际上鼓励它，对于搜索引擎优化。

于 2013-07-23T23:44:23.790 回答