Normalize.css と Reset CSS の違いは何ですか? 質問する

Normalize.css と Reset CSS の違いは何ですか? 質問する

CSS Resetが何であるかは知っていますが、最近Normalize.cssという新しいものについて知りました。

の違いは何ですか?正規化.cssそしてCSSをリセット?

CSS の正規化と CSS のリセットの違いは何ですか?

これは CSS リセットの新しい流行語に過ぎないのでしょうか?

ベストアンサー1

私はnormalize.cssに取り組んでいます。

主な違いは次のとおりです。

  1. Normalize.css は、すべてを「アンスタイル」するのではなく、便利なデフォルトを維持します。たとえば、supや などの要素subは、normalize.css を組み込んだ後は「そのまま機能」しますが (実際はより堅牢になります)、reset.css を組み込んだ後は、通常のテキストと視覚的に区別がつかなくなります。したがって、normalize.css は視覚的な開始点 (同質性) を強制しません。これはすべての人の好みに合うとは限りません。最善の方法は、両方を試してみて、どちらが好みに合うかを確認することです。

  2. Normalize.css は、reset.css の範囲外であるいくつかの一般的なバグを修正します。reset.cssよりも範囲が広く、HTML5 要素の表示設定、fontフォーム要素による継承の欠如、font-sizeのレンダリングの修正pre、IE9 での SVG オーバーフロー、buttoniOS でのスタイル バグなどの一般的な問題に対するバグ修正も提供します。

  3. Normalize.css は開発ツールを乱雑にしません。reset.cssを使用するときによくある問題は、ブラウザの CSS デバッグ ツールに表示される大きな継承チェーンです。normalize.css では、対象となるスタイル設定により、この問題はそれほど発生しません。

  4. Normalize.css はよりモジュール化されています。プロジェクトは比較的独立したセクションに分割されているため、Web サイトで必要ないとわかっているセクション (フォームの正規化など) を簡単に削除できます。

  5. Normalize.cssのドキュメントは充実しています。normalize.cssのコードはインラインでドキュメント化されており、GitHub ウィキこれにより、各コード行が何を実行しているか、なぜ含まれているのか、ブラウザ間でどのような違いがあるのか​​がわかり、独自のテストがより簡単になります。このプロジェクトの目的は、ブラウザがデフォルトで要素をレンダリングする方法を人々に理解してもらい、改善案の提出に人々が参加しやすくすることです。

これについては記事で詳しく書きましたnormalize.cssについて

おすすめ記事