단일 페이지 제작 Skeleton

css 기본설정

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	text-decoration:none;
	outline:none;
	font-family:'';  /*임의 지정*/
	font-weight:400;  /*임의 지정*/
}

html {
	font-size:62.5%;
}

* box-sizing:border-box = 지정 영역이 테두리 밖으로 나가지 않도록 고정

* font-size:62.5% = 전체 폰트사이즈를 10px에 맞춤

 

 

 

 

영역 전체 Skeleton

<nav class=""></nav>

<div class="container">

	<section class="sec01"></section>
	<section class="sec02"></section>
		<!-- ...추가 -->
	<section class="sec-footer"></section>
    
</div>

 

**영역을 전체로 사용하는 경우,

header, footer, article영역을 따로 사용하지 않고, section을 연결하는 방식이 간편함