html - 基本的 CSS 问题，页面顶部的间距

Question

我刚刚开始制作一个网站，但我一直停留在一个基本部分，我想不出适合我一生的解决方案。我正在尝试做的是删除顶部的空间，但我没有设置任何导致此问题的内容。感谢任何帮助，谢谢:)

http://jsfiddle.net/mexicanbandit/f0hdqcgu/6/

body {
    background-color: #307189;
}

.container {
    margin: 0 auto;
    max-width: 48rem;
    width: 90%;
}

/***** header *****/
header {
    background-color: #A2CEDD;
}

h1 {
    font: 7rem Champagne and Limousines, sans-serif;
    color: #00668C;
}

Answer 1

<h1>元素有一个默认边距。您可以通过添加 margin:0 来删除它:

h1 {
    font: 7rem Champagne and Limousines, sans-serif;
    color: #00668C;
    margin:0;
}

jsFiddle example

您可能还想检查 CSS 重置，这将尝试标准化浏览器之间的 CSS 差异。