CSS リセット ビューアー 人気の CSS リセットおよび正規化スタイルシートを表示して比較します。

CSSリセットは、フルリセットと正規化器の2つのカテゴリに分けられます。フルリセット（Meyer Resetなど）は、すべてのデフォルトスタイル（マージン、パディング、フォントサイズ、リストスタイルなど）を削除し、白紙の状態を作成します。これにより、望ましいスタイルを再確立するためにさらに多くのCSSが必要になりますが、すべてのブラウザーの不一致を排除できます。正規化器（Normalize.cssなど）は、有用なデフォルトを保持しながら、既知のブラウザーや環境間の不一致を修正します。これらのアプローチは攻撃的ではなく、追加のCSSが少なくて済みます。モダンリセット（Andy Bellによるものなど）は、中間的な立場を取り、box-sizing: border-boxを普遍的に適用し、マージンを削除し、bodyにline-heightを設定し、画像をレスポンシブにすることでスタックコンテキストを分離します。Tailwind Preflightは、Normalize.cssを基にしてユーティリティファースト開発向けの意見を持ったリセットを提供し、デフォルトの見出しサイズやリストスタイルを削除します（これらはユーティリティクラス経由で適用されるため）。選択肢は、開発アプローチと保持したいデフォルトスタイルの量によって異なります。