ホームページ  >  記事  >  ウェブフロントエンド  >  CSS初期化コード

CSS初期化コード

巴扎黑
巴扎黑オリジナル
2017-04-05 11:26:561749ブラウズ

CSSを初期化する理由

CSS の初期化とは、ブラウザのスタイルをリセットすることを指します。ブラウザごとにデフォルトのスタイルが異なる場合があるため、開発時に最初に行うべきことは、それらをどのように統一するかということかもしれません。 CSS が初期化されていない場合、ブラウザ間でページの差異が発生することがよくあります。新しい Web サイトまたは Web ページを開発するたびに、CSS スタイルのプロパティを初期化して、使用する CSS または HTML タグをより便利かつ正確にし、Web ページのコンテンツを開発するときにより便利で簡潔にすると同時に、コンテンツの量を削減します。 CSS コードと Web ページのダウンロード時間を節約します。

CSS初期化例代

/* CSS リセット www.admin10000.com */
body,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code ,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0;padding:0; }
本文{背景:#fff;:#555;フォントサイズ :14px; font-family: Verdana、Arial、Helvetica、sans-serif; }
td,th,caption { font-size: 14px ; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size: 100% ; }
アドレス、キャプション、引用、コード、dfn、em、strong、th、var { font-style:normal; font-weight :通常;}
a {カラー:#555;テキスト装飾: なし; }
a:ホバー{テキスト装飾:下線; }
img {境界線 :なし; }
ol,ul,li {リストスタイル:none; }
input、textarea、select、button { フォント :14px ヴェルダナ、ヘルベチカ、エリアル、サンセリフ; }
テーブル { border-collapse:collapse; }
html {overflow-y: スクロール;}
/* CSS 共通 */
.clearfix:after {content: ".";display: ブロック; 高さ:0;クリア:両方;可視性:非表示;}
.clearfix { *ズーム:1;}

上記は admin10000.com で使用されている CSS リセット コードです。このコードはまだ完璧ではありませんが、一般的に使用されるコードがほとんど含まれています。

主要なブラウザでのデフォルトの CSS スタイル: ie6 | ie7 | ie9 | Opera 10.51 |

ちなみに、新規開発ページごとに使用する admin10000.com の HTML テンプレートは以下のとおりです。

りー

以上がCSS初期化コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。