首先,要写一个消灭小星星,必须考虑到有开始和重新开始两个功能,当点击小星星的时候,小星星消失,而且记录的分数随着小星星的消失而增加
HTML代码段
body{
background-color: black;
}
meter{
width:100%;
}
#title{
width:100%;
position: relative;
text-align: center;
color: #ffffff;
}
#score{
position: absolute;
top:0;
left:90%;
width:10%;
color: #ffffff;
}
#jindu{
padding:0 33%;
}
span{
display: block;
text-align: center;
}
span > button{
width:20%;
}
css代码段
meter是HTML的新标签,定义度衡量的,规定最大最小值。还有,当点击开始按钮时,游戏开始,星星开始随机出现,当然,点击重玩时,清理界面,重新开始
<div><h1 id="title">小星星游戏</h1></div>
<div><h1 id="score">得