ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS リセット リセット style_html/css_WEB-ITnose
通常、カスタム 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 ;}
コードを書き始めます。すべてを取り入れてください。