절대 길이 단위 px
입문 레벨에서 가장 많이 사용하는 단위인 px(픽셀)은
절대길이 단위입니다.
px어떠한 상황에서도 동일한 값을 유지하므로 가변성이 없습니다.
em과 rem
em 과 rem은 박스에서 텍스트의 크기를 조정할 때 사용하는 상대 단위입니다.
em은 부모 요소의 글꼴크기를,rem은 루트 요소의 글꼴 크기를 의미합니다.
rem - root em
html요소의 글꼴크기 (기본 16px)
em,rem 은 상위 요소의 크기를 받지만
em으로 margin padding 을 받을때에는 자기 자신의 글자 크기를 기준으로 합니다.
ex)
부모 혹은 root의 px가 20px
1em,rem = 20px
2em,2rem = 40px
3em,3rem = 60px!
정리
em,rem은 박스에서 텍스트 크기를 조정할 때 사용하는 상대 단위입니다.
em은 부모요소의 글꼴크기를, rem은 루트 요소의 글꼴 크기를 의미합니다.
em으로 여백 크기를 정할 때는 자기 자신의 글자 크기를 기준으로 합니다.
화이팅