[Project] 시맨틱(semantic) 태그 : header, nav, main, footer

---

- CSS : 시맨틱 태그(header, nav, main, footer)

@font-face {
    font-family: 'over';
    src: url(font/AnyConv.com__koverwatch.woff);
}

/* body */
body {margin: 0; font-family: 'over'; font-size: 18px; color: rgb(80, 80, 80);}

/* header */
header {background: #fee;}
header .homebox {width: 1024px; height: 150px; margin: 0 auto; background-size: 100%; background-repeat: no-repeat;
    background-image: url(images/dong_main.png);}
header .logo {
    width: 200px; height: 100px; margin: 50px 400px 0 50px; float: left;
    background-image: url(images/logo.png);
    background-size: 100%; background-repeat: no-repeat;
}

/* nav : 메뉴 */
nav {
    clear: both; background: rgb(250, 255, 201);
    border-top: 5px double burlywood;
    border-bottom: 3px solid burlywood;
}
.menubox {width:1024px; height: 40px; margin: 0 auto;
}
nav li {float: left; margin: 0 20px; list-style: none;}
nav li a {text-decoration: none; color: black;}
nav li a:hover {color: blueviolet;}

/* footer */
footer {height: 50px; padding: 20px; background: #fee; text-align: center;}

---

시맨틱 태그 : header, nav

시맨틱 태그 : footer

- 화면구현 페이지

모여봐요, 동물의 숲

---