まず、各ブラウザに初期の状態で入っている設定をリセットします。

*（アスタリスク）で全ての要素に適用させてpタグなどに入っている余計なマージンとパディングをリセットします。

* {
      margin: 0px;
      padding: 0px;
}

次に、背景色（background）、フォントの種類（font-family）、サイズ（font-size）、カラー（color）、ライン高（line-height）の設定です。

body要素に適用させます。

body {
      background: #fff;
      color: #333;
      font-size: 12px;
      line-height: 1.6em;
      font-family: “ＭＳ Ｐゴシック”, Osaka, “ヒラギノ角ゴ Pro W3”;
}

次は、リンクカラーの設定です。リンクが付いているテキストの設定です。

a:link {
      color: #333;
      text-decoration: none;
}

上の例は下線も何も付いていない状態ですが、下線を付けたりしたい場合はtext-decorationの値を、underline（下線）、overline（オーバーライン）、line-through（取り消し線）、blink（点滅）などに変えましょう。

訪問済みリンクの設定です。

a:visited {
      color: #333;
      text-decoration: none;
}

リンクが付いている箇所をロールオーバーした時の設定です。

a:hover {
      color: #900;
      text-decoration: none;
}

次に、画像にリンクを張った時画像の周りにボーダーができてしまうので、これ消去します。

a img {
      border-width: 0px;
      border-style: none;
      border-color: #fff;
      background: transparent;
}