본문 바로가기

크기단위1

CSS의 크기단위들!(px, em, rem, vw 등) CSS의 다양한 단위들에 대해서 알아보자! 그 중에서도 주로 사용하는 것들을 정리해보았다. 우선 2종류로 나눌 수 있다. 절대 단위 고유한 크기를 갖는다. 즉, 타 요소에 영향 받지 않는다. 종류 px : 픽셀 / 컴퓨터 이미지, 디스플레이를 구성하고 있는 최소 단위 상대 단위 요소에 지정된 크기(상속된 크기값 or 기본 크기값)에 대한 상대적인 크기를 갖는다. 반응형 웹등 상황에 맞추어 변해야하는 경우 활용한다. 종류 % : 퍼센트 / 상대 비율 em : 배수 / 상속에 따라서 값이 계속 변한다. (중첩이 됨) rem : 최상위 요소에 대한 배수 / em과 다르게 절대적 기준이 있어 다른 값을 가리키지 않는다. (16px이 기본 설정이므로 아무 설정없이하면 16px적용!) em vs rem 예시 1. .. 2022. 1. 9.

이전 1 다음

티스토리툴바