• ベストアンサー

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> ご存知の方教えてください！

  • aijo
  • お礼率33% (12/36)
  • HTML
  • 回答数3
  • ありがとう数0

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

  • ベストアンサー
  • auty
  • ベストアンサー率58% (284/486)
回答No.1

＞＞＞　スタイルシートの中にbodyを入れた場合 ＞＞＞　body { margin-left: 2em; margin-right: 2em; style: overflow-x:hidden; これは、bodyタグそのものではなく、スタイルシートのセレクタと呼ばれる物です。 bodyタグは、HTMLの基本構文の一部です。 以下のコードを参考にしてみてください。 ----------------------------------------- <html> <head> </head> <body> </body> </html> ----------------------------------------- ＞＞＞　スタイルの中にbodyタグを入れる意味はどういった利便性がありますか？ h1 { font: bold 1.5em Verdana; } などと同じですが、ページ全体の設定に影響を与え、デフォルトとなる物です。

その他の回答 (2)

回答No.3

aijo　さんこんにちわ。 スタイルシートの中のbodyは、本文（<body>～</body>）部分のスタイル（本文の基本的な書式や形式）を定めているのであって、本文そのものではありません。 したがって、スタイルシートにbodyの指定をしたとしても、</title>の後に<body>で本文を開始し、</body>で本文を閉じることになります。

  • EFA15EL
  • ベストアンサー率37% (2659/7009)
回答No.2

styleタグはスタイルシートであり、拡張タグです。 bodyタグはHTMLであり、基本構成タグです。 最初はstyleタグは無かったんですよ。だからCSS普及前にはHTMLだけで背景色や文字色などを指定していました。bodyタグも本来は「ここからここまでが中身ですよ」という意味のタグであり、背景色などの指定はおまけみたいなものです。 その後CSSが普及し、その際には基本部分をHTMLで記述し、装飾部分（レイアウト等）はCSSに任せる方針となりました。 styleタグに出てくるbodyはbodyタグの代わりではなく、どこに適用するかを示しているだけです。他についても同じ。 というわけでbodyタグは省略してはいけません。

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

関連するQ&A

  • bodyタグで指定した背景の半透明化

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

    • ベストアンサー
    • HTML
  • このCSSの番号部分、解説して下さい！

    a:hover img{ opacity:0.5;--------------(1) -moz-opacity:0.5; --------------(2) filter:alpha(opacity = 50);}--------(3) opacityは透明度らしいですが、どうして(1)～(3)の三つも書く必要があるのでしょうか？ 検索しても解りませんでした・・ 宜しくお願いします。

  • スタイルシートで...

    スタイルシートでtableもしくはtdタグの背景色を1～100の間で透明にしたいのですが、 その記述方法を忘れてしまったのですがご存じの方いましたらタグをお教えください。 filter:Alpha(opacity=10)←のようにdiv,spanでやってみましたがだめでした。 有名なサイトなどでさがしましたがimgとfontはあるのですがtableの背景色の設定については さがすことができなかった為投稿します。

    • ベストアンサー
    • CSS
  • a:hoverの下線指定が反映されない

    htmファイルのheadタグ内に以下のようなCSSの記述をしていますが、なぜかa:hoverのunderlineの部分だけが反映されません。 <style type="text/css"> <!-- img { vertical-align: bottom; } img { border-style:none; } a:hover img{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: “alpha( opacity=80 )”; } a{ text-decoration:none;} a:hover { text-decoration:underline;} --> 当方初心者でして詳しい方にご教授いただきたいです。 宜しくお願いいたします。

  • css box 背景画像透過表示させる

    cssboxで枠を作っています。メインボックスにbodyで指定した背景を透過して入れたいと思っています。こんなcssを使ってみましたが背景どころか全て薄くなってしまいました。 filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;

    • ベストアンサー
    • CSS
  • Ａｌｐｈａフィルタについて

    　こんにちは。質問させてください。 現在、alphaフィルタを使って、画像の背景を半透明にしたいと思っているのですが、どうしてもできません。 （確認はie6.0でも5.5でも行っています） ソースはタグ辞典を見ながら、下のようなものを組みました。 どこか間違っているでしょうか？ お教え頂ければうれしいです。 よろしくお願い致します！ <html> <head> <meta http-equiv="Content-STYLE-Type" content="text/css; charset=Shift_JIS"> <title>無題ドキュメント</title> <style type="text/css"> <!-- .alpha1{ filter:progid:DXImageTransform.Microsoft.alpha(style=2,opacity=100, finishopacity=40); } .alpha2{ filter:progid:DXImageTranceform.Microsoft.alpha(style=2,opacity=100, finishopacity=0); } --> </style> </head> <body bgcolor="#FFFFFF" text="#000000"> <img src="/jsg41044.jpg" width="700" height="466" class="alpha2"> </body> </html>

    • ベストアンサー
    • CSS
  • Dreamweaver Spryメニュー　半透明　IE

    Dreamweaver CS4を使用しています。Spryメニューを設置してるのですが、IEでメニューを半透明に表示させられません。Firefox,Chromeなどでは大丈夫なのですが・・・ CSSに次のように記入しています。 ＝＝＝＝＝＝＝＝＝＝＝ ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #89b1f4; padding: 0.5em 0.75em; color:#000; text-decoration: none; filter:alpha (opacity=80); -moz-opacity:0.8; opacity:0.8; } ＝＝＝＝＝＝＝＝＝＝ filter:alpha (opacity=80); この部分がIEで半透明にさせるはずなのですが、IE上では確かに透明になっていますが、背景が黒く表示され、不透明度０にすると真っ黒になってしまいます。また別のところに設置したやつでは、背景色は白になっていました。 今のところは不透明度１００にして使用していますが、半透明にしたいです。下のほうに画像などがあった場合でも、それが薄く表示されたりせず、背景色になってしまうようです。 解決方法があれば教えてください。

  • cssで文字背景を透明化できますか？

    cssで文字背景を透明化できますか？ 文字の背景にbackground-colorで色をつけ、その色を透けて見せたいのですが、 わかりません・・。 「-moz-opacity:50；」とか「filter:alpha(opacity=50)；」などで色の透明効果を 出せるとありましたが、ソースをどう記述すればいいのかわかりません。 よろしくお願いしますm(_ _)m

  • マウスオーバー時に、半透明のフィルターをかけたい

    タイトルにフィルターという言葉を使っていますが、 filterを使う技ではないかもしれません。 背景に画像を設定しており、テキストにはfilter:dropshadowで 影を付けています。 また、<A HREF="">…</A>のリンクも付いています。 この状態で、テキストにマウスを乗せた時、 半透明のフィルムをかけたような感じにしたいのです。 onmouseover="this.style.backgroundColor='色'; 　　this.style.filter='alpha(style=0,opacity=30)'; とやってみたのですが、背景色が半透明にならならず、 文字に付けた影も消えてしまいます。 また、CSSでもやってみたのですが A:hover { background-color : 色 ; filter : alpha(opacity=30); -moz-opacity : 0.30 ; opacity : 0.30 ;} やはり、半透明にはなってくれませんでした。 透明度はまったく無い、元の色のままです。 偶然にも半透明の背景になった時はあったのですが （タグは忘れました） 文字まで半透明になってしまいました。 しばらく色々試していたのですが、もし半透明になったとしても 変えたいのは背景色ではないという事に気づき、 また最初から考え直しでかなり参っています。 （自分が悪いんですが・・・） ●半透明の色フィルムを重ねたような感じにしたいです。 　当然、文字も文字の影も背景も、透けて見える状態。 ●文字の長さはそれぞれ異なります。 ●あくまでもマウスオーバー時にそのようになり、 　乗せる前、離した後は元通り、何も無い状態にしたいです。 CSSを使うのかJAVAを使わないとダメなのかもよく分からず、 説明も上手くできなくて申し訳ありません。 どうぞ宜しくお願いします。

  • 背景を透過するタグについて

    こんばんわ。タイトル通り【背景を透過するタグについて】質問があります。よろしくお願いいたします。 <style type="text/css"> <!-- .box1{/*テキストスペース*/ … … width : 157px; background-color : #ffffff; filter : chroma(color=#ffffff); } </style> と、スタイルシートで色々と指定しております。 このテキストスペースの背後に画像があるので、背景を透かせたく、【chroma】を使って指定した色（白）を透かせましたが、 これだとまったく透明になってしまうので…できれば <table style="filter:Alpha(opacity=20)"> のように、透過の度合いを指定できるようになりませんでしょうか？ ↑テーブルでの透過の仕方しか分からず、上のテキストスペースで同じようなことをしたいのですが…。可能でしょうか？ お手数ですが、宜しければ教えていただけるととても助かります。 お願いいたします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する