ユニバーサルセレクタ「*」
2008/01/11 20:22
データが消える前に、「ユニバーサルセレクタ」について書いたんですけど、自分のメモの為にもう一度
ユニバーサルセレクタっていうのは、「*」です。
* {
margin:0;
padding:0;
}
上記のようにデフォルトのcssをリセットするんですけど、どうやらこの手法は古いみたいです。
理由としましては、
- レンダリングが遅くなる。
- 良いデフォルトのスタイルを無駄にしてしまう。
遅くなるのは困るので、Yahoo UI Libraryなどを参考にして自分なりに書き換えてみました。
body,
div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd,
ul, ol, li,
pre, form, input, textarea, address,
table, th, td,
a, p, img {
margin:0;
padding:0;
}
今はこんな感じです。
リセットcssはもう少し煮詰めていかないといけないですね。
どんなデザインにも使えるデフォルトcssを作らねば！
Category : CSS , Web Design
Tags : CSS, ユニバーサルセレクタ
Track Back URL
コメントをどうぞ♥