リセット・書体

リセット

ルールではありませんが、CSSの最初にはリセットを記載した方が良いとされています。
ブラウザには元々持っている規定があるため、これを一度リセットしないと、自分が指定したCSSがうまく機能しません。

@charset "UTF-8";

/* reset */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,adress,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset {/*使用している要素を記載*/
  margin: 0;
  padding: 0;
  line-height: 1.0;
  font-family:
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
}
a {
  text-decoration: none;/*リンクの下線を消す*/
}
ul, ol {
  list-style: none;/*箇条書の接頭語・（なかぐろ）、マーカーを消す*/
}
img {
  border: none;
  vertical-align: bottom;/*画像を文字のディセンダにあわせる*/
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* body */
body {
  font-size: 16px;
}

Font：明朝体

リセットには記載しませんが、要所で明朝体を使用する場合は以下の様に記載します。

  font-family:
    "ヒラギノ明朝 ProN",
    "HG明朝E",
    "ＭＳ　Ｐ明朝",
    "ＭＳ　明朝",
    serif;

Font：ジョージア

明朝体よりも装飾要素のあるジョージアを使用する場合は、以下の様に記載します。

  font-family:
    Georgia,
    serif;