HOME | NEXT
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>HTML5, 카드 맞추기 게임</title>
<link rel="stylesheet" href="../styles/main.css" />
</head>
<body>
<div id="game">
<div class="screen" id="splash-screen"></div>
<div class="screen" id="main-menu"></div>
<div class="screen" id="game-screen"></div>
<div class="screen" id="high-scores"></div>
</div>
</body>
</html>
main.css
body {
margin : 0;
}
#game {
position : absolute;
left : 0;
top : 0;
width : 320px;
height : 480px;
background-color : rgb(30,30,30);
}
#game .screen {
position : absolute;
width : 100%;
height : 100%;
display : none;
z-index : 10;
}
#game .screen.active {
display : block;
}