CSSリセットってどういう意味ですか?

藏色散人
リリース: 2020-09-15 15:19:09
オリジナル
5174 人が閲覧しました

CSSリセットってどういう意味ですか?

HTML タグにはブラウザのデフォルト スタイルがあります。たとえば、p タグには上下の余白があり、strong タグには太字のフォント スタイルがあります。ブラウザごとにデフォルトのスタイルが異なります。たとえば、ul にはデフォルトでインデントのスタイルがあり、IE ではマージンによってインデントが実装されますが、Firefox ではパディングによってインデントが実装されます。

CSS リセットは、現在非常に一般的な解決策であり、ブラウザーのデフォルト スタイルをすべて最初から上書きします。開発中のブラウザーのデフォルト スタイルは、マルチブラウザーの互換性の問題を引き起こし、開発効率に影響を与える可能性があります。

CSS リセットの内容の一部は次のとおりです

html {color:#000;background:#FFF;}t5
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {*font-size:100%;}
legend {color:#000;}
ログイン後にコピー

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート