본문 바로가기

em과 rem의 차이점

[CSS] CSS font-size / em과 rem의 차이 / color / text-align 1. font-size 단위 설명 중요도 rem 사용자가 크기를 결정할 수 있는 font-size 상 px 고정된 값 사용자가 임의로 변경 불가능 중 em 부모 태그의 영향을 받기 때문에 파악 어려움 지금은 잘 사용하지 않음 하 rem은 html 태그에 적용된 font-size에 영향을 받는다 따라서 화면의 크기에 따라 상대적으로 크기가 결정된다. px는 고정된 값이라 화면의 크기에 영향을 받지 않고 가장 많이 사용하는 단위이다. + em과 rem의 차이점 em은 자신보다 상위 태그에 font-size가 존재할 경우 파악이 어렵다 rem은 html 태그에 존재하는 기본 값을 그대로 이어받기 때문에 파악이 쉬운편이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 2.. 더보기
[CSS] CSS font-size / em과 rem의 차이 / color / text-align 1. font-size 단위 설명 중요도 rem 사용자가 크기를 결정할 수 있는 font-size 상 px 고정된 값 사용자가 임의로 변경 불가능 중 em 부모 태그의 영향을 받기 때문에 파악 어려움 지금은 잘 사용하지 않음 하 rem은 html 태그에 적용된 font-size에 영향을 받는다 따라서 화면의 크기에 따라 상대적으로 크기가 결정된다. px는 고정된 값이라 화면의 크기에 영향을 받지 않고 가장 많이 사용하는 단위이다. + em과 rem의 차이점 em은 자신보다 상위 태그에 font-size가 존재할 경우 파악이 어렵다 rem은 html 태그에 존재하는 기본 값을 그대로 이어받기 때문에 파악이 쉬운편이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 2.. 더보기