layout 9
reset.css
@charset "utf-8";
/* 여백 초기화 */
body,div,ul,li,dl,dt,ol,h1,h2,h3,h4,h5,h6,input,fieldset,legend,p,select,table,th,td,tr,textarea,button,form{margin: 0; padding: 0;}
style.css
@charset "utf-8";
/* 레이아웃 */
#wrap {width: 100%; }
#header {width: 100%; height: 325px; background: #111;}
#contents {width: 100%; height: 800px; background: #222; }
#footer {width: 100%; height: 200px; background: #333;}
/* 컨텐츠 레이아웃 */
#cont_nav {width: 100%; height: 200px; background: #333;}
#cont_tit {width: 100%; height: 200px; background: #444;}
#cont_ban {width: 100%; height: 200px; background: #555;}
#cont_cont {width: 100%; height: 200px; background: #666;}
/* 컨테이너 */
.container {width: 990px; margin: 0 auto; height: inherit; background: rgba(255,255,255,0.3);}
index.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="author" content="w0n">
<meta name="description" content="웹 표준을 준수한 예제입니다.">
<meta name="keywords" content="웹표준, 웹접근성, 사이트 만들기">
<meta name="generator" content="brackets">
<title>WEBSTANDARD SITE</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="wrap">
<div id="header">
<div class="container">header</div>
</div>
<div id="contents">
<div id="cont_nav">
<div class="container">cont_nav</div>
</div>
<div id="cont_tit">
<div class="container">cont_tit</div>
</div>
<div id="cont_ban">
<div class="container">cont_ban</div>
</div>
<div id="cont_cont">
<div class="container">cont_cont</div>
</div>
</div>
<div id="footer">
<div class="container">footer</div>
</div>
</div>
</body>
</html>
