2. 크기의 단위

[크기의 단위]

px : 픽셀도 상대적인 값이다.(이건 사용자가 가진 모니터 해상도의 크기에 따라서)

% : 상대적인 값으로 창크기가 줄어들어도 유지가됨(부모가 만들어준 공간 안에서의 퍼센테이지 vs vw와 약간다름)

em : 베이스(부모)로 선언되어있는 크기의 배수 ex)body: 16px 이면 1em = 16px, 2em = 32px 이다.

rem : 문서의 기본값의 배수 

vw,vh : 브라우저의 넓이를 다쓰는 % 개념

 

 

+em vs rem : em은 내가 선언한 font-size가 있으면 그것을 베이스로하고, rem은 무조건 문서의 기본값인 16px를

기준으로 한다. 추가로 em을 사용할때 내가 따로 크기를 선언하지 않았었더라면, em도 마찬가지로 16px를 기준으로 한다.

+그렇다면 이 16px!! 이 기준을 바꾸고 싶다면? :root{} 에다가 font-size를 선언해주면됨 

+그래서 사실상 px는 절대적인 위치를 가지고, %는 크기가 변해도 상대적인 비율을 유지한다고 생각하면 됨

+html에서 가장 기본 폰트 크기는 16px이다.

+block : 요소는 넓이를 모두 다 쓴다 여기서 width 값을 px 로 지정해주면 그 영역만큼만 사용하게 된다.