多个CSS背景齐平到浏览器顶部

Question

我正在尝试创建一个渐变背景，然后在中间创建一个纯色框，然后在其中键入文本。我的代码在下面，效果很好，但纯色框（主体）与浏览器顶部不齐平，两者之间有一点空间。你怎么摆脱这个？

html {
    text-align: center;
    background-color: #FFF;
    background-image: url(../../Public/Documents/Business/Running%20Companies/Enlightenment%20Project/Website/images/bg.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    }
body {
    background-color: #FFFFFF;
    height: 768px;
    width: 1024px;
    margin: auto;
    }

**更新

以下工作代码：

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
    background-color: #FFF;
    background-image: url(images/bg.jpg);
    background-repeat: repeat-x;
}
/*
 * Removes default margin.
 */
body {
    margin: auto;
    background-color: #FFF;
    height: 768px;
    width: 1024px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 25px;
}

Answer 1

正如@loktar所评论的，请尝试为主体使用margin: 0（抱歉@loktar，此处为new）

我建议在所有项目中使用normalize.css来解决这些小问题。