発生した問題

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

解決法

body {
   margin: 0;
   padding: 0;
}

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

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

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

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