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

Chaewon Yoon (Jamie)·2022년 12월 29일
0

CSS

목록 보기
9/19

단위1__Font

  • 절대단위

    외부 요인의 영향을 받지 않고 절대적인 값을 지니는 단위

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

  • 상대단위

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

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



단위2__viewport

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

Viewport

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



단위3__심화

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

calc()

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

profile
keep growing as a web developer!🧃

0개의 댓글