CSSのテンプレートを作成する際に、必ず入れていて便利だと思うものを紹介します。body要素に指定する事に関してはいろいろなところで語られているので、ここでは他のテーマなどのCSSを見ていて便利と思って取り入れているものなど。それ以外で私が始めに設定しておくHTMLタグとその設定です。

CSS

@charset "utf-8";
body {
   margin: 0;
   padding: 0;
   background-color: #ababab;
   color:#333;
   font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
   line-height: 1.5;
}

bodyには比較的いろいろ設定します。CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記で語られているので割愛。
font-familyについては、CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキにもあり、Web雑誌でも日本語はこの順序を推奨しているようです。
ユニバーサルセレクタ(*)を使わないのは、*{ margin : 0 }はもう古い！？ | Emotional Web他の最近の流れから。

continue reading… »