🤓 슬기로운 개발생활 🤓 슬기로운 개발생활

%와 px 비교 px은 parent에 상관없이 항상 같은 공간을 차지한다. %는 parent의 넓이를 기준(padding 값 제외)으로 적용되기 때문에 parent의 크기에 영향을 받는다(relative). index.html 50% 100px 50% 100px 선을 기준으로 위쪽의 %는 기준이 html 전체 크기가 되고, 아래의 %는 parent 태그의 크기가 기준이 된다. em와 rem 비교 em은 상위 요소(가장 가까운 parent) 폰트 사이즈의 몇 배인가를 나타낸다. 만약 상위 요소의 폰트 사이즈가 20px 이라면, 1em = 20px 이 되고 20em = (20 * 20) px 이 된다. rem은 최상위(root) 폰트사이즈가 기준이다. index.html 1rem 1em 2rem 2em 1r..