도메인 이름으로 폴더, 파일 생성

• images
• css
• js
• assets
• index.html
• .gitignore
• README.md

index.html 작업

• ko
• title
• <div class=”wrap”></div>
• 주석 생성
• header, footer, section에 class 지정하면서 영역 정리
• 영역 구분 후 <div class=”inner”>내용 작성</div>

css/style.css 파일 생성

style.css 초기 코드 생성

@charset "utf-8"

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline-style: none;
}

ul {
  list-style: none;
}

a {
  color: #000;
  text-decoration: none;
}

img {
  vertical-align: middle;
  border: 0;
}

html {
  font-size: 16px; /* 웹브라우저 기본 폰트 사이즈 16px */
}

body {
  /* font-size: 12px;
  font-family: 글꼴; 
  color: 기본 글꼴 색상;
  line-height: 행간;
  letter-spacing: 자간;
  word-break: keep-all; */
}

공통 클래스(.inner, .clearfix::after)

각 영역별 주석 기재 후 클래스명 기재

/* 주석 */
.wrap {
}

/* 상단 */
.header {
}

...그

글꼴 구하기 → css body에 작성