cssの基本的なこと。

質問

bodyタグにmargin指定はちょっとまずいと聞いたことがあるのですが、なぜまずいんでしょうか？そして、margin指定をするとどういうことが起こるのでしょうか？

回答No.1

KayMocha · ベストアンサー

こんにちは。間に合えばいいですが。

　bodyタグというのはhtml文書の中のbodyタグのことですよね。
　htmlという文書はウェブブラウザによって見え方が違います。伝える「内容（文字での文書）」を定義するファイルだからです。　それに対してCSSという装飾定義ファイルは、その内容の「見え方」を説明してします。このCSSはほとんどの新しいブラウザが対応しているため、ブラウザによる誤差が少なく閲覧者側からは安心してページを見られる設計になっています。
　なので本来ウェブページを作るうえでは、１ページを作成するためにこの２つの文書を準備する必要があるのです。
　特にページ作成側での非推奨となっているのは、文字の色や背景色、そして幅などの数値です。閲覧者にとっては極端なページ不具合を招きます。

　marginについてですが、marginはpaddingと２つのセットで覚えたほうがいいと思います。これらは上記の数値に関する記述にあたります。
　marginは文章のすぐ外側のスペースを定義し、paddingは文章の内側スペースを定義します。
　よく利用させていただくページさん（http://www.htmq.com/style/margin.shtml）の記事がわかりやすいのでリンクします。　またどういうことが起こるのかについてもわかりやすく説明してくださっていたページの方（http://www.hajimeteno.ne.jp/stylesheet/actually/margin.html#1）がいらっしゃいましたので引用させていただきます。

　基本的には、html文書のbody（実際に閲覧者に見える文書）全体に対して１つのスペース領域を指定するのはよくないです。説明にもあるように、ブラウザによっては全ての文書を崩すことになりますので。場合によっては何も読めなくなることもありえます。
　なるべくスタイルシートを使って、数値の指定をしてください。

参考URL：

http://www.htmq.com/csskihon/001.shtml

お礼

ご丁寧にどうもありがとうございます。
非常に分かりやすく助かりました。

回答No.3

metametamu

バグに関しては1さんが答えられているので、スタイルの統一という観点から回答します。
デフォルトではブラウザのバージョンによっても余白の取り方が違うので、個人的にはbodyへのmarginは0に固定した方が無難かなと思います。
多分marginを指定するのがまずいというのはいわゆるリセットをかけたあとの指定法に関することなんじゃないかなと。

お礼

ご丁寧にどうもありがとうございます。
非常に分かりやすく助かりました。

回答No.2

KayMocha

追記です。
　前半と途中が長くなりましたが、あとに検索される方へというのもあってきちんと説明しました。
　marginについては、htmlに直接であれcssにであれ、上記の理由からbodyタグ全体にはやはりよくありません。body自体は一応ユニバーサルセレクタとはなっていますが、数値は属性や要素型のセレクタで分けて指定したほうが、ブラウザ間でのずれが少なくおさまります。

お礼

ご丁寧にどうもありがとうございます。
非常に分かりやすく助かりました。