さまざまなブラウザーが風変わりな方法で動作し、ハックを利用して、すべてのブラウザーで CSS を希望どおりに表示することがあります。ただし、これは、HTML と CSS をまとめ始めた後に行うことです。
しかし、すべてのブラウザーに多かれ少なかれ同じ基準を適用していることを確認する最も簡単な方法は、ローカルの CSS ファイルをリセットすることです。
では、新しい HTML5 および CSS3 プロジェクトを開始するとき、すべてのベースをカバーするリセットは何ですか?
たとえば、私がやりたいことは次の 2 つです。
* {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
HTML5 の場合:
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
WordPressサイトで見たものは次のとおりです。
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
margin: 0;
}
これらの種類のものを組み合わせた既製の CSS スクリプトがあることは知っていますが、最も信頼性が高く、完全で、クロスブラウザー フレンドリーで、最新で、維持されているのはどれでしょうか?
ありがとうございました!