Html 窗体上的空白

我是HTML/CSS新手，在遇到这个问题时一直在尝试，我被卡住了

HTML:

<div class = "window">
  <form>
    <input class="button" type="submit" value="Login" />
  </form>
</div>

@font-face {
    font-family: caviarDreams;
    src: url(./CaviarDreams.ttf);
}
html *
{
    font-family:caviarDreams; 
    cursor:  url(./cursor.png), auto;
    background: url(./background.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.button {
    border: none;
    text-indent:0;
    display:inline-block;
    line-height:39px;
    font-size: 15px; 
    background:url(./buttonNormal.png) no-repeat; 
    width:230px;
    height:71px;
}
.button:active { 
    background:url(./buttonActive.png) no-repeat; 
}
.button:hover { 
    background:url(./buttonHover.png) no-repeat;
}
.window {
    background: url('./window.png') no-repeat;
    background-size: 624px 696px;
    width:624px;
    height:696px;
}

---

下面是代码片段和小提琴演示。奇怪，在小提琴上没有问题

html*{
背景：url（./background.png）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
背景尺寸：封面；
}
.按钮{
边界：无；
文本缩进：0；
显示：内联块；
线高：39px；
字体大小：15px；
背景：url(http://i.imgur.com/ZD9nn7F.png)不重复；
宽度：230px；
高度：71px；
}
.按钮：激活{
背景：url(http://i.imgur.com/K5mD1ga.png)不重复；
}
.按钮：悬停{
背景：url(http://i.imgur.com/Yh2wITG.png)不重复；
}
.窗户{
背景：url（'http://i.imgur.com/0ZQwEeS.png")不重复;；
背景尺寸：624px696px；
宽度：624px；
高度：696px；
}

从html*{..}中删除*，现在已经修复，我觉得很愚蠢

你的问题到底是什么？你能把代码放在上面吗？你能给我一些建议吗？奇怪的是，在小提琴上没有问题-我已经将链接中的图像添加到问题中，还根据你在评论中提供的小提琴创建了一个片段。始终在问题本身中编辑所有相关信息，因为评论可能会被忽略。我还通过删除额外的换行符来压缩代码块。在内联使用HTML标记（如

）时，将它们括在反标记中。否则它们会被视为普通的HTML标签，不会以文本的形式出现在屏幕上。因为在fiddle中，我没有背景（太大，无法上传），从那里我意识到发生了什么