0

さまざまなブラウザーが風変わりな方法で動作し、ハックを利用して、すべてのブラウザーで 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 スクリプトがあることは知っていますが、最も信頼性が高く、完全で、クロスブラウザー フレンドリーで、最新で、維持されているのはどれでしょうか?

ありがとうございました!

4

1 に答える 1

1

Normalizeは、すべてのCSS値をリセットする代わりに、視覚的に一貫性を持たせる新しいWebサイトの基盤としてよく知られています。

また、Modernizrは優れたJSライブラリであり、IE6-8などの古いブラウザ(およびその他の多くのもの)にHTML5回路図機能を提供できます。

コメントで述べたように、HTML5ボイラープレートは開始するのに最適な場所です(main.cssとnormalize.cssの2つのCSSファイルがあります)。

于 2012-11-01T20:57:52.217 に答える