1

1 つの宣言ですべての H1-H6 見出しのフォント プロパティを指定する方法は? CSSLint.net では、見出しは 1 回だけ定義する必要があるという警告も表示されます。ヘッダーが指定されている場所がいくつかあります。

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 に答える