CSS clear

ブラウザのデフォルトCSSをクリアするには次のようにします。

@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, p, address {
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
}

 線を表示するとレイアウトをするときにわかりやすくなります。

@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
}
h1, h2, h3, h4, h5, h6, p, address {
  font-size: 100%;
  font-weight: normal;
  font-style:normal;
}

 結構便利です。

同じカテゴリの記事: etc