リセットCSSの意味とコード

リセットCSSの意味

webサイトやwebアプリケーションをブラウザで表示させる時には、ブラウザを使う。

ブラウザはgoogle chomeやInternet ExploreやSafariやFireFoxなど、様々なものがある。

ここで問題が生じる。
各ブラウザによって、自分が作成したサイトやアプリが、意図したレイアウトと異なってしまうことがある。

それを防ぐのが、リセットCSS。
どのブラウザでも、そのような齟齬が起きないように初期設定をする。

コード

(これを残しておくために本記事を残しておくようなものw)

body {
  background-color: #f0f0f0;
  font-size: 14px;
  color: #333;
  margin: 0 auto;
}

h1,h2,h3,h4,h5,h6,p {
  padding: 10px 0;
  margin: 0;
}

CSSを書き始める前に、定型として上のコードを貼ろう！