リセットCSS

リセットCSSの意義

  • ブラウザによって初期値として持っているスタイルシートの値が異なると意図したスタイルにならないので、リセットCSSといった手法を使う。
  • 初学者は「リセットCSSの根拠」を理解する必要があるため、単純な記述からはじめて徐々に複雑にしていく。
  • 「Normalize.css」という選択肢もある。
  • Web歴史的な背景があり絶対的なルールがあるわけではなく、より良い選択肢があるだけ。

記述例

/* reset */

html, body, div, h1, h2, h3, p, ul, li {
  margin: 0 ;
  padding: 0 ;
  line-height: 1.0 ;
  font-family:
  "Hiragino kaku Gothic ProN",
  Meiryo,
  sans-serif;
}
ul {
list-style: none ;  /*マーカーを消す*/
}
a {
text-decoration: none ;  /*下線を消す*/