[CSS] 단위(px, %, em, rem, vw/vh)

단위1__Font

• 절대단위

  외부 요인의 영향을 받지 않고 절대적인 값을 지니는 단위
  
  보통 워드 프로세서 등 문서 편집 프로그램에서 pt를 많이 사용합니다.
  pt는 인쇄를 위한 단위이기때문에 웹에서는 잘 사용하지 않습니다.
  (아주 특수한 경우가 아니면 css에서 절대 사용하지 말 것!)

• 상대단위

  외부 요인의 영향을 받아 유동적인 값을 지니는 단위
  
  

! 같은 예시지만, 대신 기준이 최상위 html 요소

단위2__viewport

반응형 웹 구현할 때 많이 사용

Viewport

브라우저 안에서 실제로 화면이 그려지는 (컨텐츠가 노출되는)영역

단위3__심화

CSS에서도 함수를 사용할 수 있을까? OK!

calc()

괄호 안의 사칙연산을 수행한 결과를 속성값으로 사용할 수 있다.
!주의
덧셈과 뺄셈은 기호 앞뒤에 공백 추가