단위
크기 단위
대부분 브라우저의 폰트 사이즈 기본값은 16px, 1em, 100%
프로퍼티 값이 0인 경우, 단위를 생략
px(화소) : 절댓값
픽셀 : 화면을 구성하는 단위
1px은 화소 1개 크기를 의미
해상도에 따라 상대적인 크기를 가짐
대부분의 브라우저는 1px을 1/96인치의 절대단위로 인식
em element(요소) : 상댓값
em : em은 배수 단위로 상대 단위
요소에 지정된 사이즈(상속된 사이즈나 디폴트 사이즈)에 상대적인 사이즈를 설정
ex) 2em : 요소에 지정된 사이즈의 2배
폰트 사이즈 설정, 컨텐츠를 포함하는 컨테이너의 크기 설정 등에 유용하게 사용됨
body { font-size: 14px; }
div { font-size: 1.2em; padding: 2em; }
// 14px*1.2=16.8px // 16.8px*2=33.6px
<body>
<div> delilah </div>
</body>% : 상댓값
% : 백분율 단위의 상대 단위
요소에 지정된 사이즈(상속된 사이즈나 디폴트 사이즈)에 상대적인 사이즈를 설정
body { font-size: 14px; }
div {font-size: 120%; } // 14px*1.2=16.8px
<body>
<div> delilah </div>
</body>
기술과 인문학의 교차점