プロが教える店舗&オフィスのセキュリティ対策術

現在CSSを勉強しています。
教科書に

body{
background-color:#ffffff;


の設定をすると書いてありますが、デフォルトで「transparent(透過)」のためまったく変化がありません。なぜこの設定を追加する必要があるのかまったくわかりません。
意味はあるのでしょうか?念のためやっているのでしょうか?
そもそもtransparentを設定する時はあるのでしょうか?

お願いいたします。

A 回答 (3件)

ブラウザの文字色と背景色を任意のものに設定した場合、サイト側で指定が無い部分にだけ反映されることが多いです。


サイト制作における注意点として、色を指定する場合は、必ず背景色と文字色セットで指定すると良いでしょう。
たとえば、サイト側で文字色を黒にして背景色は指定なしだと、ブラウザの設定で背景色を黒にしている人には何も見えないことになります。
片方だけ指定するのは避けるべきです。

その教科書がそういうつもりでそのような記述をしているかは分かりませんが、上記の理屈であればtransparentを設定する意味もあるとわかりますよね。
    • good
    • 0

カスケード(継承)スタイルシートのルールとして


文書作成者の通常宣言>ユーザの通常宣言>デフォルトの通常宣言
ですから、何も指定しないと、ユーザーエージェント(ブラウザ)のもつ初期値(デフォルト)のスタイルシートが適用されます。
 したがって、必ず背景色と、表示色(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 … )]より
    • good
    • 0

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

    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!