ブラウザ（chrome）の余白を消す方法

本日、個人的に学んだことをアウトプットするべく、
まずは、ヘッダー部分を作成しました！

<header>
        <div class="header-logo">xxxx</div>
        <div class="header-list">
            <ul>
                <li>新規登録</li>
                <li>ログイン</li>
            </ul>
        </div>
</header>

が！その途中で、気になる余白がいるんです。
私は、cssで指定していないのに。。。

そこで調べてみると、
なんと！chromeにはデフォルトで、[margin:8px]を付与する仕様になっていました。

body {
    display: block;
    margin: 8px;
}

な、なぜ？！
こちらは、以下の指定をcssへ追加することで消えました！

* {
    margin: 0px;
    padding: 0px;
}

何事とも実践を通して気づくことは本当に多いな、と感じました。

最後まで読んでいただきありがとうございました。