【CSS】 background-size: cover; 画像周りに余白

#発生した問題
メイン画像を貼った時に、画面いっぱいに表示させようと思ったのだが、どうしても周りにスペースができてしまった。

#解決法

body {
   margin: 0;
   padding: 0;
}

#原因
原因は「user agent stylesheet」と呼ばれるもの。

「user agent stylesheet」とは、ブラウザ毎に設定されているデフォルトのCSS設定のこと。

これがあると、自分が設定した覚えのないCSSもブラウザによって反映されることがある。

#対策
自分が設定した覚えのないCSSもブラウザによって反映されることがあるのでリセットCSSで対策する。