카테고리 없음

HTML5 게임 만들기, Setup HTML

Soul-Learner 2012. 6. 5. 17:20

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;
}