• ベストアンサー

現在CSSを勉強しています。

現在CSSを勉強しています。 教科書に body{ background-color:#ffffff; } の設定をすると書いてありますが、デフォルトで「transparent(透過)」のためまったく変化がありません。なぜこの設定を追加する必要があるのかまったくわかりません。 意味はあるのでしょうか?念のためやっているのでしょうか? そもそもtransparentを設定する時はあるのでしょうか? お願いいたします。

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

  • ベストアンサー
  • uriboar
  • ベストアンサー率15% (143/916)
回答No.2

ブラウザの文字色と背景色を任意のものに設定した場合、サイト側で指定が無い部分にだけ反映されることが多いです。 サイト制作における注意点として、色を指定する場合は、必ず背景色と文字色セットで指定すると良いでしょう。 たとえば、サイト側で文字色を黒にして背景色は指定なしだと、ブラウザの設定で背景色を黒にしている人には何も見えないことになります。 片方だけ指定するのは避けるべきです。 その教科書がそういうつもりでそのような記述をしているかは分かりませんが、上記の理屈であればtransparentを設定する意味もあるとわかりますよね。

その他の回答 (2)

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

カスケード(継承)スタイルシートのルールとして 文書作成者の通常宣言>ユーザの通常宣言>デフォルトの通常宣言 ですから、何も指定しないと、ユーザーエージェント(ブラウザ)のもつ初期値(デフォルト)のスタイルシートが適用されます。  したがって、必ず背景色と、表示色(color:文字や罫線に使われる)をペアで指定しておきます。  なお、background-colorは継承されますから、その要素の子孫に継承されません。 【引用】____________ここから 'background-color'      Value: <color> | transparent | inherit     Initial: transparent   Applies to: all elements   Inherited: no  Percentages: N/A      Media: visual  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[色と背景( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/colors.html#background-properties )]より

回答No.1

何も設定しないと、ブラウザによっては薄いグレー地になってしまうためです。

関連するQ&A