html - div 間の間隔 (マージン?)

Question

http://test.recollectedtime.com

私のdivの間にこれらのデフォルトのマージンがあります。私はそれらが平らであることを望みます。

ユニバーサルセレクターを試しましたが、

* {
    margin-top:0;
    margin-bottom:0;
    padding:0;
} 

そして私はreset.cssを使用しています。

マージンが表示される理由がわかりません。

任意のガイダンスをいただければ幸いです

Answer 1

自分で簡単に見ることができます：

Chrome で要素を右クリックし、[検査] を選択して開発ツールを開きます。右下のペインで、「計算されたスタイル」タブを選択します。余白のプロパティを見つけ、右矢印をクリックして詳細を表示します。これが表示されます：

152 px のデータは、style.CSS の 35 行目の「header auto」から取得されていることがわかります。それはリンクなので、直接行に行くことができます。

Answer 2

style.css ファイルに 100px の余白を適用しました。

38行目を見てください。

/* START HEADER--------------------  */

header {
    margin: 100px auto;     <------Here

    width: 960px;
    background-color:purple;
    font-size: 20pt;


}