ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS リセット リセット style_html/css_WEB-ITnose

CSS リセット リセット style_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:34:511969ブラウズ

通常、カスタム HTML を作成するときは、スタイルをクリアするか、スタイルをリセットします

スタイルをリセットします。ブラウザーのデフォルトのスタイルをクリアし、すべてに独自の設定を使用し、デザインに適した基本スタイルを構成します

一般的にクリアする必要があるすべてのスタイルは以下のとおりです:

html,body,h1,h2,h3,h4 ,h5,h6, div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {マージン:0; パディング:0;}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}

table{ border-collapse : Collapse ; border-spacing : 0; }

caption,th{ text-align : left ; font-weight :normal ;}

html,body,fieldset,img,iframe,abbr{ }

i ,cite,em,var,address,dfn{ フォントスタイル : 通常 ;}

[hidefocus],summary{ アウトライン : 0; }

li{ リストスタイル : none ; }

h1,h2,h3,h4,h5,h6, small { font-size : 100% ;}

sup,sub{ font-size : 83% ;}

pre,code ,kbd,samp{ font-family :inherit;}

q:before,q:after{ content : none ;}

textarea{ overflow : auto ;resize: none ;}

label, summary{ カーソル : デフォルト ;}

a,button{ カーソル : ポインタ ;}

h1,h2,h3,h4,h5,h6,em,strong,b{ フォントの太さ : 太字 ;}

del, ins,u,s,a,a:hover{ text-decoration : none ;}

body,textarea,input,button,select,keygen,legend{ font : 12px /1.14 arial ,5b8b4f 53; カラー : #333 ; アウトライン : 0; }

body{ 背景 : #fff ;}

a,a:hover{ color : #333 ;}

コードを書き始めます。すべてを取り入れてください。

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