##リセットCSSとは
理解するために復習します
各ブラウザごとに(Google ChromeやSafariなど)固有のCSSをもっていて、自分で記述したCSSが本来とは違う表示になることです。(全体の横幅が大きくなったり、スペースが空いてしまったりなど)
##リセットCSSの種類(今回は2つのみ)
調べた中で使えそうなリセットCSSを載せておきます
HTML5 Doctor Reset CSS 2.0
sanitize.css```
HTML5 Doctor Reset CSS 2.0は初学者向きで、全ての余白が消えたり、文字サイズは全て統一され、文字の太さはリセットされないなどの特徴がある
[HTML5 Doctor Reset CSS 2.0](http://html5doctor.com/html-5-reset-stylesheet/)
sanitize.cssはブラウザ周りの余白はリセットし、見出しなどの要素の上下の余白はリセットはしない。また文字のサイズと太さはリセットしていなく、スマホなどのモバイルに対応しているなどの特徴がある
[sanitize.css](https://csstools.github.io/sanitize.css/)
調べた中で使えそうな2つを載せました。他にも種類があり、オリジナルでも作れます(まだ私には難しいので作れないですが、、、)
##リセットCSSの使い方
自身のスタイルシートの一番上に貼り付ける
リセットCSSとメインのスタイルシートは分けて管理する必要がある
つまり```app/assets/stylesheets/```の中にreset.scssのファイルを作ればいい
参考にした記事
https://web-camp.io/magazine/archives/30817