Normalize.css は単なる小さな CSS ファイルです従来の CSS リセットと比較して、Normalize.css は HTML5 用に用意された最新の高品質な代替手段です。つまり、Normalize.css は CSS リセットの代替手段です。
Normalize.css は貴重なデフォルト値を保護します
reset は、ほぼすべての要素にデフォルト スタイルを適用することで、要素に同じ視覚効果を強制します。対照的に、Normalize.css は多くの煩わしいブラウザ スタイルを維持します。これは、一般的なタイポグラフィ要素をすべて再スタイルする必要がなくなったことを意味します。要素のデフォルト値がブラウザごとに異なる場合、Normalize.css はそれらのスタイルの一貫性を保ち、可能な限り最新の標準に準拠するよう努めます。
Normalize.css はブラウザのバグを修正します
Normalize.css は、デスクトップおよびモバイル ブラウザの一般的なバグを修正します。これは多くの場合、リセットで実行できる範囲を超えています。これに関して、Normalize.css によって修正される問題には、HTML5 要素の表示設定、書式設定されたテキストのフォント サイズの問題、IE9 の SVG オーバーフロー、およびさまざまなブラウザーやオペレーティング システムで発生する多くのフォーム関連の問題が含まれます。
Normalize.css はデバッグ ツールを乱雑にしません
Reset の使用で最も厄介な部分は、ブラウザ デバッグ ツールの大きなセクションです。セグメントの継承チェーンです。 Normalize.css ではそのような問題は発生しません。これは、ガイドラインでの複数のセレクターの使用が非常に慎重であり、目的の要素にのみ意図的にスタイルを設定するためです。
Normalize.css はモジュール式です
このプロジェクトは、関連はあるものの独立した部分に分割されているため、どの要素が特定の要素に設定されているかを簡単かつ明確に把握できます。価値。これにより、アプリケーションの決して使用しない特定の部分 (フォームの一般化など) を選択的に削除できます。
Normalize.css には詳細なドキュメントがあります
Normalize.css のコードは、詳細かつ包括的なクロスブラウザーの調査とテストに基づいています。詳細なコードの説明はこのファイルにあり、さらに詳しくは Github Wiki で説明されています。これは、コードの各行が何を行うのか、コードが書かれた理由、ブラウザ間の違いを正確に知ることができ、独自のテストをより簡単に実行できることを意味します。
推奨学習: 「css ビデオ チュートリアル 」