リセットCSS #Ruby

リセットcssとは？

各ブラウザにデフォルトで設定されているCSSを打ち消す役割をもったCSSです。

そもそも何故打ち消す必要があるのか？

各ブラウザは固有のCSSがデフォルトで指定されています。このデフォルトのCSSの影響で、自分で書いたCSSが本来意図しない表示になることがあります。よって、ブラウザがデフォルトで持っているCSSを打ち消すために、リセットCSSというCSSを使用します。

打ち消す為に記述

qiita.rb

/* リセットCSS */
body {
  font-size: 14px;
  color: #333;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6,p {
  padding: 10px 0;
  margin: 0;
}

ul,li {
  padding: 0;
  margin: 0;
}