[CSS] 단위(2) - em, rem

[CSS] 단위(2) - em, rem

em - em은 현재 자기 자신의 font-size의 영향을 받음. - .container의 width는 60em인데 해당 font-size가 10px이니 10*60=600px에 해당. - em 사용 시 font-size의 영향을 받고 font-size 조정 시에는 조정된 사이즈의 영향을 받는 모든 부분이 같이 변경됨. - 특정한 조상 요소에 절대적인 값을 입력해 놓고 이하는 그 값에 맞게 변경할 때 em을 많이 사용함. - em은 중간중간에 조상요소를 타고 올라가면서 영향을 받는 관계를 모두 이해해야 함(em의 단점). - 타고 내려오다 중간에 font-size를 지정하기 애매한 구간이 생기면 이 또한 em 단위에 영향을 주기 때문에 관리에 어려움. - 그래서 쓸 수 있는 단위가 rem. rem - rem은 root em을 의미. - 중간 단계를 다 건너뛰고 가장 조상 요소는 <html>. - rem은 html에 지정된 font-size의 영향만을 받음. - .child의 wi...

#css #em #rem #단위

원문링크 : [CSS] 단위(2) - em, rem

 등록된 다른 글

[부천 옥길동 맛집] 옥길장터식당 세 번째 방문

[정보] 개인사업자 모바일 손택스(홈택스) 세금계산서 발행하기(아이폰)

XBOX 게임패스 2022년 12월 추가 게임 리스트 공개

이블웨스트 엔딩 후기 플스 엑박 스팀 액션 게임 추천

[Vue] 컴포넌트를 사용한 작성 방법