为什么我的页面没有任何显示，连鼠标移动后的效果也没有了
<style>
#black{
width: 400px;
height: 400px;
margin: 0 auto;
background: green;
}
-webkit-transition:background-color 3s;
#black:hover{
background-color: gray;
}
</style>
</head>
<body>
<div id="black"></div>
</body>
