どのHTML5リセットCSSを使用していますか？その理由は何ですか？[閉まっている]

どのHTML5リセットCSSを使用していますか？その理由は何ですか？あなたがより多くのケースをカバーすることがわかったものはありますか？

私はHTML5 Doctor'sを使い始めました：http : //html5doctor.com/html-5-reset-stylesheet/それはうまくいくようですが、もっと良いものが何かあるのではないかと思っています。

実際の話：値下げのカイカイは正しいにもかかわらず、必要なのは* paddingとmarginを0にリセットすることだけです。

残念ながら、私たちの99％は、そこに存在する何百ものバージョンのブラウザに対応するためのリソースや人材を持っていません。そのため、一般的なWebサイトではリセットシートが不可欠です。

html5reset：（干渉しすぎています）

私はhttp://html5reset.org/を見てみました

img,
object,
embed {max-width: 100%;}

そして：

html {overflow-y: scroll;}

私はそれが善意を持っていることを理解していますが、それはリセットシートの仕事ではありません。仮定が多すぎます。

BluePrint Reset :(文字通りブループリント）

body {
  line-height: 1.5;
  background: white;
}

1.5とはどうですか。そして、なぜ背景が白なのですか？

Normalize.css：（通常ではない）

https://github.com/necolas/normalize.css/blob/master/normalize.css

いくつかのwebkit /つまりハックでうまくいきましたが、

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

すべてのヘッダータグがターゲティングされます。＆彼らは体の行の高さをリセットしません。

上記のすべてが意図したとおりに機能すると確信していますが、おそらく必要以上にオーバーライドされます。

エリック・マイヤー

ゆい

HTML5Boilerplate

上記は、ボイラープレートが（親しみやすい）側に傾いているプロ向けです。人気があるためです。現時点では、カスタマイズしたリセットの80％は定型です。

3つすべてを少しずつ試して自分で作成します。ロケット科学ではありません。

Normalize.cssは、デスクトップブラウザーとモバイルブラウザーの両方に最適であり、多くの一般的なHTMLテンプレートで使用されています。

しかし、どのようなCSSの使用についてall以外のCSSプロパティをリセット財産directionとをunicode-bidi？これにより、追加のファイルを含める必要がなくなります。

{
    all: unset
}

CSS allは、IE / Edgeを除いて幅広いサポートを持っています。同様にunset。

reset.cssが使用する青写真のCSSフレームワークはうまく機能し、HTML5の要素を含んでいます。screen.cssファイルに含まれます。

ブループリントは、新しいサイトのラピッドプロトタイピングに役立つリソースであり、そのソースコードはよく整理されており、学ぶ価値があります。

Eric Meyerは、CSSリセットのv2もリリースしました（そして、ほぼ1年前にリリースしました）。

http://meyerweb.com/eric/tools/css/reset/

1. 多くのCSSリセットとは異なり、有用なデフォルトを保持します。
2. さまざまなHTML要素のスタイルを正規化します。
3. バグと一般的なブラウザの不整合を修正します。
4. 微妙な改善により、使いやすさが向上しています。
5. 詳細なコメントを使用して、コードの機能を説明します。

normalize.css

* {
    margin: 0;
    padding: 0;
}

シンプルですが完全に効果的です。おそらく投入する：

body {
    font-size: small;
}

良い目安のために。

HTML5仕様には、CSS対応ブラウザー用の推奨CSS宣言が含まれています。それを楽しむために、私はそれらを取り上げ、それらを元に戻しました。この記事で結果を見ることができます。

ただし、これを本番環境で使用することはお勧めしません。これは概念の証明であり、多目的リセットスタイルシートとして機能するよりも、ヒントを提供するために使用する方がよいでしょう。以前の他の提案のいずれかがより良い選択かもしれません。

私は、NormalizeまたはHTML5 Doctorからのリセットを使用しており、作業中のプロジェクトに合わせて変更しています。

ところで、それは多かれ少なかれ標準になったリセットを使用するという概念だけです。