normalize.css紹介と使用,normalizeとCSS Resetの違い

1792 ワード

Normalize.cssは小さなcssファイルにすぎませんが、ブラウザ間での高度な一貫性を提供します.従来のCSS resetに比べてNormalize.cssは現代的でHTML 5のために用意された良質な代替案である.とにかくcssはCSS resetの代替案である.normalize.cssを作成するには、次の目的があります.
削除するのではなく、有用なブラウザスタイルを保護します.
一般的なスタイル:ほとんどのHTML要素に提供されます.
ブラウザ自体のバグを修復し、各ブラウザの一貫性を保証します.
cssの可用性の最適化:いくつかの小さなテクニックを使用します.
説明コード:コメントと詳細なドキュメントを使用します.
注意:Normalizeは、携帯電話のブラウザを含むスーパーマルチブラウザをサポートし、HTML 5要素、レイアウト、リスト、埋め込みコンテンツ、フォーム、いとこを一般化しています.このプロジェクトは一般化の原則に基づいているが,より実用的なデフォルト値を適切な場所で使用した.

Normalize vs Reset


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


Resetは、ほとんどの要素にデフォルトのスタイルを適用することで、要素が同じ視覚効果を持つように強制します.それに比べてcssは多くの人を磨くブラウザスタイルを維持しています.これは、すべての共通のレイアウト要素にスタイルを再設定する必要がないことを意味します.ある要素が異なるブラウザで異なるデフォルト値を持っている場合、Normalize.cssはこれらのスタイルを一致させ、できるだけ現代の基準に合致させるように努力します.

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


一般的なデスクトップとモバイルブラウザのバグを修正します.これは往々にしてResetができる範囲を超えている.それについてcssで修正された問題には、HTML 5要素の表示設定、プリフォーマットされた文字のfont-size問題、IE 9でのSVGのオーバーフロー、各ブラウザやオペレーティングシステムに現れるフォーム関連のバグが多数含まれています.

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


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

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


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

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


Normalize.cssのコードは詳細で包括的なブラウザ間研究とテストに基づいている.このファイルには詳細なコードの説明があり、Github Wikiにはさらに説明があります.これは、各行のコードが具体的にどのような仕事を終えたのか、なぜこのコードを書くのか、ブラウザの違いを見つけることができ、自分のテストをより簡単に行うことができることを意味します.
転載先:https://www.cnblogs.com/zhaosijia----1234/p/9376262.html