HTML unit

브라우저에서 크기를 정할 수 있는데 많이 쓰는 것들 5가지만 정리하겠다.

절대적 크기 vs 상대적 크기

• 절대적 크기 : px
• 상대적 크기 : em, rem, vw, vh

절대적 크기 px

• 기본 브라우저 폰트 사이즈는 16px이다.

상대적 크기

1. em : 해당 요소에 지정된 폰트 사이즈를 말한다.
   기본적으로 폰트사이즈가 16px 이므로 따로 지정하지 않으면 16px == 1em이 된다.
2. rem : root에 지정된 폰트 사이즈를 말한다.

html{
	font-size = 62.5% // == 10px == 1rem
}
#box1{
	font-size: 3rem // 30px
}

3. vw : Viewport Width의 약자로써, 브라우저의 크기에 따라 너비값을 조정한다..

4. vh : Viewport Height의 약자로써, 브라우저의 크기에 따라 높이값을 조정한다.