사용 단위

• Unit: rem, em (px 사용 X)
• 사용 목록
  • font-size
  • width, height → % 등과 혼용
  • margin, padding
  • media query (em)
• 예외 처리 목록
  • border-width
  • border-radius
• line-height: number(unitless) 사용

Font Size

• rem 단위로 환산 했을 때 계산이 쉽도록 :root에 font-size: 62.5%로 적용합니다.

  :root {
  	font-size: 62.5%;
  }
  
  body {
  	font-size: 1.6rem; /* font-size: 16px; */
  }
  

속성 순서

1. display
2. position
3. color
   1. color
   2. background-color
4. align
   1. align-items
   2. justify-content
   3. float
5. box model
   1. width
   2. height
   3. padding
   4. margin
   5. border
   6. 이 외 속성 (box-shadow, ...)
6. font
7. overflow
8. z-index
9. 그 외 속성 알파벳 순으로 나열