• ベストアンサー

bodyタグについて

bodyタグにCSSをあまり適応することは良くないと聞いた事があるのですが、bodyタグに他のタグと同じように線などのCSSをがっつり付けてもプロのWEBデザイナーでもなんの問題もないのでしょうか。

noname#226032
noname#226032
  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

古いIEを互換モードで動作させるときに問題があったためでしょうが、今はいずれも考慮しなくて良いので・・・ 　標準モードで動作させればよいでしょう。 　ご存知のように、それぞれのプロパティには継承されるものと継承されないものがあります。bodyの子ブロックが複数あるとき、それらすべてにスタイルを保指定するのは厄介です。 　すくなくとも継承されるプロパティについてはbody要素にスタイルを指定するべきです、また、「基点となるセレクタ」をbodyにすると、階層をきちんと指定できます。これはbody自体にスタイル指定をするのではないですが。 　bodyには、かってbackground,text,(link,vlink,alink)を指定していましたが、これらはbodyに設定すべきでしょう。 body{font-family:;font-size:;color:;background:;line-height:;} など・・ div.header,div.section,div.footer{}よりは楽です。

noname#226032
質問者

お礼

有難うございます。 IE6以下を考慮に入れるなら、一切入れるべきでない。 そうでなければ何を入れても構わないということですね。

その他の回答 (1)

回答No.1

IE6は<body>に一部のスタイル（一部の値）は適用されませんので、 どのブラウザでも（可能な限り）同じ表示にしたいというデザインであれば、<body>へのスタイルは一切行わない（確実に適用される物だけを使用する）のがベターだと思います。

noname#226032
質問者

お礼

有難うございます。 IE6以下を考慮に入れるなら、一切入れるべきでない。 そうでなければ何を入れても構わないということですね。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • </head>タグと<body>タグ間の記述はスパムでしょうか？

    すごく初心者的な質問かもしれません。 現在Dreamweaverにてホームページを作成しているのですが、 <head>～</head>の間に<meta>タグとショートカットアイコンのリンク以外の記述をしたら、ヤフー八分にあってしまいました。 具体的に記述してあったのは <style type="text/css"> <!-- .style16 {color: #ffffff} --> </style> などのスタイルの記述程度です。 これが原因かどうかはわからないのですが、とりあえず 上記のスタイルの記述を </head>～<body>タグの間に記述することにしました。 しかし、この記述も問題があるのかどうか不明です。 </head>～<body>の間に何かを記述することは問題あるのでしょうか？

  • BODYタグのstylesrcって？

    こんにちは。FrontPage2000でHPを作成しています。 で、背景の設定を「他のページより取得」というのにすると、 <body stylesrc=xxxx.html>って感じになるんですけど、 このstylesrcって一般的なんでしょうか？HTMLのリファレンス のBODYタグのところを見ても書いていないので、本当に使って いいものかどうかと思っています。 ブラウザの互換性などの点で、特に問題がなければ便利なので 使いたいと思うのですけれど。。。

    • ベストアンサー
    • HTML
  • cssで　body{margin: 0 0 0 0;}と記述するとそれ以下のタグでは・・

    お世話になります。 body { margin: 0 0 0 0;} cssファイルに上記のように記述されているとしたら bodyのなかに書いてあるpタグにも適用されるのでしょうか？ 教えてください。お願いします。

    • ベストアンサー
    • HTML
  • bodyタグで指定した背景の半透明化

    HTMLファイルのbodyタグで指定した背景を半透明にしたいのですが、どうすればよいのでしょうか。 imgタグならばstyleでfilterのalpha()を使えばいい、という事はわかるのですが bodyタグで同じ事をすると、bodyタグ内の文字まで半透明になってしまいます。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • cssでbodyタグのtopマージを0にしているのですがスペースが。。。

    cssでbodyタグのtopマージを0にしているのですがスペースが空いてしまいます。 下記がCSSです。 /* body */ body,td,th { color: #000000; } body { background-color: #FFFFFF; margin-left: 0px; margin-top: 0px; background-image: url(share_img/bg_back.gif); } CSSを外部ファイルにする前は、TOPは空くことは無かったのですが、 CSSを外部ファイルにした途端、空いてしまうようになってしまいました。 どうしても方法がわからなくて困ってます。 どなたかご教授お願いします。

    • ベストアンサー
    • HTML
  • styleタグとbodyタグの関係について分かりません・・・

    スタイルシートの中にbodyを入れた場合、</html>の前に</body>は必要でしょうか？それとも不要でしょうか？ 下記のタグはマウスオーバーで画像の濃さを変えるようにしたかったため、サイトより転用しました。 スタイルの中にbodyタグを入れる意味はどういった利便性がありますか？ <style type="text/css"> <!-- body { margin-left: 2em; margin-right: 2em; style: overflow-x:hidden; color: black; background: #FFFFFF; } a:link { color: blue; } a:visited { color: purple; } h1 { font: bold 1.5em Verdana; } a img { filter: Alpha(Opacity=100); -moz-opacity: 1.5; border-style: none; } a:hover img { filter: Alpha(Opacity=50); -moz-opacity: 0.5; } --> </style> ご存知の方教えてください！

    • ベストアンサー
    • HTML
  • CSSにコピー禁止タグを入れるにはどう書けばいいですか

    画像とかのコピーをされるのを禁止させるとき　右クリックをすると 窓が開いて禁止できるタグがhtmlにありますが、 CSSしかカスタマイズできない所でCSSタグで禁止させるタグはありませんか？ htmlのbodyダグの後ろに<body onContextmenu="alert('★複製コピー禁止★');return false;">を書けば右クリックができなくなります。 CSSはどう書けばいいんでしょうか？

  • SEO対策　<Body>タグ直下のテキスト

    ＳＥＯ初心者です、 <Body>タグ直下のテキストは重要と聞きます。 と言うことは<Body>の直下にはすぐテキストを書くほうがいいのですか？ たとえば、テーブルなんかを作るとテキストの前に テーブルのタグが出来ますよね。それはいいのですか？ <Body>タグ直下には画像もおかないほうがいいのですか？ そういう事じゃなく<Body>の下に最初にでてくるテキスト と言う意味でしょうか？

    • ベストアンサー
    • HTML
  • HTMLタグの<body bgcolor="#AAAAAA">等の中の「#」「"」は省略してもいいのでしょうか？

    HTMLタグの<body bgcolor="#AAAAAA">等の中の「#」や「""」は省略しても大丈夫でしょうか？ 検証してみても、特に結果は変わらないようです。。 他のタグでも幾つか試してみましたが特に大丈夫でした… それとも、ブラウザによって読み込めなくなるとか、 省略してるとなんかおかしくなる事がおきるのでしょうか？

  • CSSのpaddingは<body>タグに指定可能？

    CSSのmarignは<body>タグに以下のような形式で指定されているのを見かけますが、 例： ｍargin-top:0px; margin-bottom:0px; margin-left:0px; margin-rigiht:0px; W3Cの規定によると、paddingは<body>タグに指定可能なのでしょうか？ 例： padding-top:20px; padding-bottom:20px; padding-left:20px; padding-rigiht:20px; W3Cの規定によると、marginとpaddingは、ブロックレベル要素及びインラインレベル要素に指定可能だと思います。 ブロックレベル要素とインラインレベル要素を区分けした表はよく見かけますが、<body>タグはブロックレベル要素に含まれていません。 ＜マージンとブロックレベル要素及びインラインレベル要素の関係＞ http://www.mozilla.gr.jp/standards/webtips0015.html ＜ブロックレベル要素とインラインレベル要素を区分けした表＞ http://riko.s235.xrea.com/shirley/reference008.htm <body>タグはブロックレベル要素と考え、ブロックレベル要素に適用できるスタイルは<body>タグにも指定できると解釈してよいのでしょうか？ ブロックレベル要素に指定できて、<body>タグにも指定できないスタイルってありますか？また、ブロックレベル要素に指定できずに（インラインレベル要素に指定できて）、<body>タグにも指定できるスタイルってありますか？

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する