*でパッディング・マージンを0pxにした場合

解決済

質問者：mx5gg
質問日時：2012/01/18 16:24
回答数：2件

と、全てのタグを記述しパッディング・マージンを0pxにした場合とは違いがありますか？

例えば

*{
margin: 0px;
padding: 0px;
}

h1,h2,h3,h4,h5,h6,p,table,th,td,div,ul,ol,li {
margin: 0px;
padding: 0px;
}

この2つの違いが分かりません。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： ORUKA1951
回答日時：2012/01/18 23:20

＞(h1,h2,h3,h4,h5,h6,p,table,th,td,div,ul,ol,li)にhtmlとbodyを加えれば、全称セレクターと同じ設定になるのでしょうか？

　いいえ。HTMLのタイプとブラウザによって差があります。それぞれのHTMLで使われている要素(タグ)の一覧はこちらにあります。
Another HTML-lint : Tags List ( http://openlab.ring.gr.jp/k16/htmllint/tagslist. … )

　ま、当面思いつくものだと
dl,dt,dd,blockquote・・・

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。上のサイトを参考にしてきます。

通報する

お礼日時：2012/01/19 09:58

No.1

回答者： ORUKA1951
回答日時：2012/01/18 17:23

*(全称セレクタ)は詳細度が、d=0です。

h1,h2,h3,h4,h5,h6,p,table,th,td,div,ul,ol,liなどのタイプセレクタは詳細度がd=1です。
★6.4.3 Calculating a selector's specificity ( http://www.w3.org/TR/CSS2/cascade.html#specificity )
　詳細度の計算は、CSS2と原稿標準のCSS2.1では変更されています。

　タイプセレクタの場合、詳細度がより高いことと指定された要素以外には適用されないことが違います。

　ただ、いずれの方法もオーサリングツールがスタイルシートに本質的な部分で対応できないための、逃げの手法です。*ですべて{margin: 0;padding: 0;}((注)0の場合単位は不要)のmargin,paddingを消してしまうと、「必要な場合、あるいはデフォルトのスタイルシートで十分な場合」にすべて再設定しなければなりません。

h1～h6(見出しレベル1～6),p(段落),table(表),th(見出しのセル),td(内容のセル),div(汎用ブロック),ul(順不同リスト),ol(序列リスト),li(リスト項目)がデフォルトの設定で良い場合も、すべて再設定しなければなりません。
　そのためにスタイルシートが、膨大になりメンテナンス不能になってしまいます。

　ですから、むやみに何でもかんでもmargin:0;padding:0の設定をする必要はありませんし、避けるべきです。

この回答への補足

ありがとうございます。デフォルトCSSもフル活用していきたいと思います。

もう1つ、質問なのですが、上記のbody内の全ての要素(h1,h2,h3,h4,h5,h6,p,table,th,td,div,ul,ol,li)にhtmlとbodyを加えれば、全称セレクターと同じ設定になるのでしょうか？

あくまで知識として知っておきたいので。

補足日時：2012/01/18 20:40

通報する