ベストアンサー1
私はnormalize.cssに取り組んでいます。
主な違いは次のとおりです。
Normalize.css は、すべてを「アンスタイル」するのではなく、便利なデフォルトを維持します。たとえば、
sup
や などの要素sub
は、normalize.css を組み込んだ後は「そのまま機能」しますが (実際はより堅牢になります)、reset.css を組み込んだ後は、通常のテキストと視覚的に区別がつかなくなります。したがって、normalize.css は視覚的な開始点 (同質性) を強制しません。これはすべての人の好みに合うとは限りません。最善の方法は、両方を試してみて、どちらが好みに合うかを確認することです。Normalize.css は、reset.css の範囲外であるいくつかの一般的なバグを修正します。reset.cssよりも範囲が広く、HTML5 要素の表示設定、
font
フォーム要素による継承の欠如、font-size
のレンダリングの修正pre
、IE9 での SVG オーバーフロー、button
iOS でのスタイル バグなどの一般的な問題に対するバグ修正も提供します。Normalize.css は開発ツールを乱雑にしません。reset.cssを使用するときによくある問題は、ブラウザの CSS デバッグ ツールに表示される大きな継承チェーンです。normalize.css では、対象となるスタイル設定により、この問題はそれほど発生しません。
Normalize.css はよりモジュール化されています。プロジェクトは比較的独立したセクションに分割されているため、Web サイトで必要ないとわかっているセクション (フォームの正規化など) を簡単に削除できます。
Normalize.cssのドキュメントは充実しています。normalize.cssのコードはインラインでドキュメント化されており、GitHub ウィキこれにより、各コード行が何を実行しているか、なぜ含まれているのか、ブラウザ間でどのような違いがあるのかがわかり、独自のテストがより簡単になります。このプロジェクトの目的は、ブラウザがデフォルトで要素をレンダリングする方法を人々に理解してもらい、改善案の提出に人々が参加しやすくすることです。
これについては記事で詳しく書きましたnormalize.cssについて