ホームページ  >  記事  >  ウェブフロントエンド  >  CSSスタイルのリセット

CSSスタイルのリセット

王林
王林転載
2020-10-23 15:51:492355ブラウズ

CSSスタイルのリセット

CSS リセットに関する個人的な理解:

(推奨チュートリアル: css ビデオ チュートリアル)

まず、私は次のように考えています。私と同じように、私も概念を理解する感覚がありません。混乱しやすいフロントエンドの初心者が CSS リセット スタイルとは何かを理解したい場合は、CSS リセットと CSS リセットという 2 つの概念を理解する必要があります (実際、これらの概念は非常に似ています) 、しかし、まだ違いがあります。)、そうでない場合は、CSS スタイルをリセットする必要があることだけがわかりますが、その理由はわかりません。概念について少し強迫性障害を抱えている私のような人にとっては、それを知りません本当に痛いです。 (ははは、話はやめて本題へ)

私自身の理解によると、CSS リセット スタイル シートは次の 3 つの質問に分けることができます。

(1) とは何ですかCSSリセット? CSS リセットを使用する理由

(2) CSS をリセットする理由

さて、質問が出ましたので、私自身の理解を話す時間です: (1) CSS リセットとは、単純に、自分のページのニーズに従って CSS プロパティをリセットすることを意味します (ナンセンス、もちろん) 誰もが知っています! しかし、私が焦点を当てたいのは、CSS リセットの理由です~) CSS リセットは主に、HTML タグがブラウザーで独自のデフォルト スタイルを持っているためです。たとえば、p タグには上下のマージンがあり、strong タグにはfont plus Bold スタイル、em タグはフォント斜体スタイルです。異なるブラウザのデフォルト スタイルにも違いがあります。たとえば、ul はデフォルトでインデントされたスタイルを持ちます。IE では、そのインデントはマージンによって実現されますが、Firefox では、そのインデントはパディングによって実現されます。ページを切り替えるとき、ブラウザのデフォルトのスタイルはトラブルの原因となり、開発効率に影響を与えることがよくあります。したがって、解決策は、ブラウザのデフォルト スタイルをすべて最初から削除すること、より正確には、ラベル スタイルを再定義することによって削除することです。ブラウザの CSS デフォルト プロパティを「オーバーライド」します。最も簡単な方法は、ブラウザによって提供されるデフォルトのスタイルを上書きすることです。これがCSSのリセットです。

(2) なぜ CSS をリセットする必要があるかというと、この点はブラウザーから始まります。これは、ブラウザーによって HTML タグの解釈が異なるためです。CSS をリセットすると、HTML タグが別のブラウザーで表示される可能性があります。同じパフォーマンス効果。

この際、CSSリセット風のコードを載せる必要があると思います。そうしないと、いつまでも無駄話をしても無駄ではないでしょうか?結局のところ、私たちにくどくど言うのはあまり適していません。

関連する推奨事項: CSS チュートリアル

以上がCSSスタイルのリセットの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。