CSS:크기척도

틀:CSS. css에 대한 문서들을 담아두기 위한 틀.

1. CSS:개요
2. CSS:선택자
3. CSS:크기척도
4. CSS:텍스트
5. CSS:아이콘
6. CSS:속성
   1. CSS:색
   2. CSS:위치와 모양
   3. CSS:Flexbox
   4. CSS:기타속성
7. CSS:변수
8. CSS:진한쌤의 의문
   

사이즈 척도

필요에 따라 사이즈 척도를 달리하여 적용한다.

척도	설명
px	픽셀. 고정된 값을 지정한다.
em	부모의 값을 함께 따라간다. 부모에 대한 배율로 지정한다. 부모가 여러 개 있을 때 중복적용되어 의존성 관리가 어렵다;(기본폰트사이즈가 커지면 부모들의 변화와 중첩 적용되어 지수형태로 변화가 일어나버린다.)
rem(responsive)	가장 많이 사용하는 방식.(최근엔 반응형 웹으로 만들기 때문에) HTML의 기본 폰트사이즈에 의존하여 따라간다.(body의 폰트사이즈에 의존)
%	이것도 아주 많이 사용한다. 바로 위의 부모에 대한 크기의 %로 크기를 지정한다.

유의

높이 height 속성엔 %를 사용할 순 없다. 이 대신 height: 50vh; 처럼 전체 높이의 50%를 가져간다는 값을 지정해줄 수 있다. width엔 %사용이 가능하고 50wh; 사용도 가능하다.