CSS リセット stylesheet_html/css_WEB-ITnose

1. スタイル シートをリセットする必要があるのはなぜですか?

CSS スタイルを記述しなくても、HTML タグにはブラウザー自体のスタイルが含まれており、これらのスタイルはブラウザー自体から取得されます。しかし問題は、デフォルトのスタイルがブラウザごとに異なる可能性があることです。この問題を解決するのがCSSリセットスタイルシートです。

2. 一般的に使用されるリセットスタイルシート

(1) 単純な暴力的なタイプ

1 行のみ:

*{margin:0; padding:0;}

ワイルドカード "*" は、一般的に性質が低いと考えられているすべてのタグに一致します。パフォーマンス。

(2) ゼロ調整タイプ

(ほぼ) すべて、ラベル スタイルをゼロにリセットします。 YUI (http://yuilibrary.com/) のスタイルシートのリセットなど。

(3) 基本スタイルを維持する

すべてのタグのデフォルトのスタイルをクリアするのではなく、各ブラウザのスタイルを統一した上で、タグの元のスタイルを維持することです。例:normalize.css (https://github.com/necolas/normalize.css/)

(4) カスタム タイプ

カスタム リセット スタイルが最適ですが、どれを使用する必要がありますか?タグはそれらのタグのスタイルをリセットします。ただし、移植後や複数人で共同作業する場合は他の人がどのタグを使うか分からないので、便宜的に(2)または(3)のリセットスタイルシートを使用することが一般的です。