CSSリセットは、後続のCSSスタイル変更の上または下で機能しますか?言い換えれば、ランダムな例:
リセットすると、すべてのブラウザでTimes New Romanとサイズ12のフォントに正規化されますが、すべてのタグを太字にするカスタムCSSを適用します。
したがって、CSSリセットの目的は、実際には、カスタムスタイルを設定していない要素にブラウザー間で一貫性を課すことです。これを正しく理解しているかどうか教えてください。
すべての回答を事前に感謝します!
CSSリセットの目的は、ページがすべてのブラウザで一貫しているように見えるようにすることです。これは、エリック・マイヤーによる主題に関する非常に詳細な記事です。
基本的に、すべてのブラウザーのCSSプレゼンテーションのデフォルトは異なりますが、これらのデフォルトは同じではありません。CSSリセットファイルは、すべてのブラウザで一貫したベースラインを作成しようとします。
CSSのリセットは、さまざまなブラウザ間でHTML要素のレンダリングを可能な限り標準化することです。それはあなたが様々なスタイルを構築することができる共通の基盤を作ります。カスタムスタイルが有効になるように、リセットは他のすべてのスタイルシートの前に配置されます。ただし、使用しているカスタムスタイルが、ブラウザのデフォルトで要素にあるすべての属性をカバーしていない可能性があり、ブラウザの不整合が発生します。
あなたの例では「太字のタグ」があるので、「Times New Romanとサイズ12のフォント」だけでなく、太字のテキストがありますが、要素のmargin
orを指定していません。line-height
カバーされていないスタイルでブラウザが異なれば解釈も異なり、CSSリセットを使用していない場合は、レイアウトとスタイルに影響を与える不整合が発生します。
あなたはほとんどあなた自身の質問に答えました。例のようにフォントをリセットするだけでなく、余白とパディングを0にリセットします。これは、リセットスタイルシートを使用しないことで余白とパディングが残っていると、レイアウトが失われる可能性があるため、レイアウトの構造化に役立ちます。
カスタムスタイリングの準備として、すべての要素を正規化するためにあります。カスタムスタイリングを計画していない場合は、それを使用しないでください。
normalize.cssと呼ばれるこれを行うための新しい方法もあります。これは、スタイルシートをリセットするための代替手段です。eveythingを0にリセットする代わりに、業界のほとんどの人がある程度従う標準にすべてを事前にスタイル設定します。
上記のステートメントを要約して修正すると、「したがって、CSSリセットの目的は、カスタムスタイルの準備として、すべての要素にブラウザー間で一貫性を課すことです。」