次のような CSS 定義を見てきました。
* {margin:0;padding:0};
これを使用する利点は何ですか?また、これを使用することでどのような問題を回避できるでしょうか?
1 に答える
6
それは非常に基本的な css-resetです。すべてのブラウザーの CSS を正規化するためのより優れた (しかしより複雑な) ソリューションがいくつかあります。たとえば、最もよく知られており、使用されているものの 1 つはeric meyer resetです。
CSS リセット (または「CSS のリセット」) は、すべての HTML 要素のスタイル設定を一貫したベースラインにリセットする短い、多くの場合圧縮 (縮小) された CSS ルールのセットです。
ご存じないかもしれませんが、すべてのブラウザーには独自のデフォルトの「ユーザー エージェント」スタイルシートがあり、スタイルのない Web サイトをより読みやすくするために使用されます。たとえば、ほとんどのブラウザは、デフォルトでリンクを青、訪問したリンクを紫にし、テーブルに一定量の境界線とパディングを与え、H1、H2、H3 などに可変フォント サイズを適用し、ほぼすべてに一定量のパディングを適用します。ブラウザごとに送信ボタンの表示が異なるのはなぜだろうと思ったことはありませんか?
明らかに、これは、Web サイトをすべてのブラウザーで同じように見せる方法を理解できない CSS 作成者にとって、ある程度の頭痛の種になります。(注: なぜこれが誤った考えであるかについての記事は近日公開予定です!)
CSS リセットを使用すると、CSS 作成者はすべてのブラウザーですべてのスタイルを null にリセットするように強制できます。これにより、ブラウザー間の違いを可能な限り回避できます。
于 2013-06-07T22:12:28.707 に答える