CSS:all:全体的な指定
/* ――――――――――――――――
全環境共通
――――――――――――――― */
と記述されている部分のすぐ下にあるCSSについて解説したいと思います。
*{
margin:0;
padding:0;
font-family:〜;}
これはリセットCSSです。
*という要素に対しmargin、paddingを0に、文字の種類を〜に、といった事を指定しているCSSになります。
*(アスタリスク)というのは全ての要素に指定する事が出来るので、ここでmarginやpaddingに0を指定しておく事でブラウザごとで元からあるデフォルトの余白を、一旦リセットさせるという意味があります。
要するに余白はこちらで後から指定するから、まず余白の無い状態にしてねということです。
これをしないとブラウザごとの余白+こちらが指定した余白と加算されてしまい、見難いレイアウトになる可能性があります。
body{
color:〜;
background:〜;}
bodyという要素に装飾をしています。
テンプレートによって記述する内容は異なりますが、基本的には文字色と背景色・または背景画像の指定をしています。
色の変更をしたい場合はまず先にこちらの確認をされる事をお勧めします。
br{
letter-spacing:0;}
これは、IEにおいて改行(正しくは<br>タグ)が連続すると1つの改行(<br>タグ)として表示される事がある現象の対策用CSSです。