初期スタイルをリセットする


CSSを設定する際に最初にやっておくと便利なのが、
Reset CSSと言われる、デフォルトのスタイルをリセットさせる手法。
全要素をリセットさせたい場合は、
ユニバーサルセレクタという全てを対象にしたセレクタを利用します。

* {
margin: 0;
padding: 0;
}

ただしフォームの送信ボタンなど、初期スタイルのままの方が良い要素もあるので、
今はあまり推奨されていないようです。
一般的には、要素ごとに設定するのが好まれている傾向にあります。
Reset CSSではYUI Reset CSSなどが有名です。
YUI 2: Reset CSS

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,
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;
}
ol,ul {
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;
}

その他検索すると多数公開されているので、
自分が使いやすいReset CSSを利用、カスタマイズしていくと良いと思います。

コメントを投稿する

SPONSORED LINK

CATEGORY

RECOMMEND BOOKS

OTHER

あわせて読みたい

トップへ戻る