728x90

CSS의 단위들
01. CSS의 절대 길이 단위들
단위 | 설명 | cm | 센티미터 |
---|---|
mm | 밀리미터 |
in | 인치 |
px | 픽셀 |
02. CSS의 상대 길이 단위들
단위 | 설명 | 예시 | em | 폰트 크기를 설정하는 값 중 em은 동적으로 변경되는 사이즈를 가집니다. 아무런 적용이 없다면 16px가 보통이 됩니다. | font-size : 1em |
---|---|---|
rem | rem은 합성 문제를 해결하기 위해 만들어졌습니다., rem은 부모 엘리먼트가 아닌 최상위 엘리먼트에 기준을 둡니다. | font-size : 1rem |
vh | 반응형 작업을 위해 뷰포트의 사이즈의 높이에 맞춰 퍼센트로 작업하기 위해 만든 단위입니다. | height: 100vh; |
vw | 반응형 작업을 위해 뷰포트나 사이즈의 넓이에 맞춰 퍼센트로 작업하기 위해 만든 단위입니다. | font-size: 6vw; |
vmax | vh나 vw와 달리 넓이 값이나 높이 값에따라 최대 값을 지정해 주는 단위 입니다. | height: 100vmax; |
vmin | vh나 vw와 달리 넓이 값이나 높이 값에따라 최소 값을 지정해 주는 단위 입니다. | height: 100vmin; |
CSS의 색상 표현 방법들
728x90
댓글