윤코딩 윤코딩

px(pixel) 모니터나 스마트폰에서 하나의 화소에 해당하는 부분. 화면에 표시되는 가장 작은 단위 고정된 단위로, 크기가 변하지 않음 em 상대적인 단위로, 해당 단위가 사용되고 있는 요소에 의해 사이즈가 결정 요소에 font-size 속성이 정의되어있지 않다면 부모 요소의 사이즈를 따라감 개발자 도구로 보면 h1 태그의 폰트 사이즈가 2em으로 되어있다. 2em이 32px로 표현되어 있는데, 이는 h1태그의 부모요소인 body태그가 기본적으로 16px의 사이즈를 갖기 때문. rem 상대적인 단위로, 최상위 엘리먼트인 Root의 사이즈를 기준으로 사이즈가 결정 html에서 최상위 요소는 html태그(기본적으로 16px의 사이즈를 가짐) body태그의 폰트 사이즈를 32px로 바꾸고 em과 rem 비교..