簡単な話だcssとReset.cssの違い-選択ペアのデフォルトスタイル処理スクリプト


Normalize.cssは小さなCSSファイルにすぎませんが、デフォルトのHTML要素スタイルではブラウザ間での高度な一貫性を提供しています.従来のCSS resetNormalize.cssに比べて、現代的なHTML 5のために準備された良質な代替案である.Normalize.cssは現在、Twitter Bootstrap、HTML 5 Boilerplate、GOV.UK、Rdio、CSS Tricks、および多くの他のフレームワーク、ツール、およびWebサイトで使用されています.
Normalize.cssプロジェクトアドレス
Normalize.GitHub上のcssのソースコード

Normalize.cssは価値のあるブラウザのデフォルト値を保護します


react.cssではすべての要素スタイルが統一され、個性がなく、要素に同じ視覚効果を強要し、すべて後に要素に個別に設定されたスタイルに依存する.
Normalize.cssは価値のあるブラウザのデフォルトスタイルを保護し、Normalizeを追加しません.cssスタイルの場合、差は大きくありませんが、ブラウザ間の差を解消し、各ブラウザの互換性を保証します.

Normalize.cssはブラウザ自体のバグを修正しました


Normalize.cssは、一般的なデスクトップとモバイルブラウザのバグを修正しました.HTML 5要素の表示設定、プリフォーマット文字を含むfont-sizeの問題、IE 9におけるSVGのオーバーフロー、各ブラウザやオペレーティングシステムに現れるフォーム関連のバグの多く.

Normalize.cssは詳細なドキュメントを持っています


Normalize.cssのコードは詳細で包括的なブラウザ間研究とテストに基づいている.このファイルには詳細なコードの説明があり、Github Wikiにはさらに説明があります.これは、各行のコードが具体的にどのような仕事を終えたのか、なぜこのコードを書くのか、ブラウザの違いを見つけることができ、自分のテストをより簡単に行うことができることを意味します.
このプロジェクトの目的は、ブラウザのデフォルトが要素をどのようにレンダリングしているかを理解し、ブラウザのレンダリングを改善する方法を簡単に理解することです.

Normalize.cssはデバッグツールを乱さない


Resetを使用する上で最も困っているのは、ブラウザデバッグツールの大きなセグメントの継承チェーンです.下図に示します.Normalize.cssではNormalizeではこのような問題はありません.cssのガイドラインでは、マルチセレクタの使用は非常に慎重で、ターゲット要素にスタイルを設定する目的のみがあります.

Normalize.cssはモジュール化されています


Normalize.cssはすでに複数の関連しているが独立した部分に分割されており、どの要素が特定の値を設定しているかを簡単に知ることができます.したがって、フォームの一般化など、永遠に使用されない部分を選択的に削除することができます.

参考記事


CSS resetの見直し–スタイルのリセットを避ける
君と共に励ます:どんなに牛が追い詰める夢でも、馬鹿に追い詰めるような堅持には耐えられない.