CSS-측정 단위

실제 연습을 시작하기 전에 CSS 측정 단위에 대해 간략히 설명하겠습니다. CSS는 인치, 센티미터, 포인트 등과 같은 절대 단위와 백분율 및 em 단위와 같은 상대 측정을 포함한 다양한 측정을 지원합니다. 스타일 규칙에서 다양한 측정을 지정하는 동안 이러한 값이 필요합니다.border = "1px solid red".

우리는 적절한 예제와 함께 모든 CSS 측정 단위를 나열했습니다.

단위	기술	예
%	측정을 다른 값 (일반적으로 둘러싸는 요소)에 상대적인 백분율로 정의합니다.	p {글꼴 크기 : 16pt; 줄 높이 : 125 %;}
센티미터	센티미터 단위로 측정을 정의합니다.	div {margin-bottom : 2cm;}
여자 이름	전각 공백의 글꼴 높이에 대한 상대적 측정 값입니다. em 단위는 주어진 글꼴의 크기와 동일하기 때문에 글꼴을 12pt에 할당하면 각 "em"단위는 12pt가됩니다. 따라서 2em은 24pt가됩니다.	p {글자 간격 : 7em;}
전의	이 값은 글꼴의 x 높이에 상대적인 측정 값을 정의합니다. x 높이는 글꼴의 소문자 x 높이로 결정됩니다.	p {글꼴 크기 : 24pt; 줄 높이 : 3ex;}
에	인치 단위로 측정을 정의합니다.	p {단어 간격 : .15in;}
mm	밀리미터 단위로 측정을 정의합니다.	p {단어 간격 : 15mm;}
pc	파이 카 단위로 측정을 정의합니다. 파이 카는 12 점에 해당합니다. 따라서 인치당 6 파이 카가 있습니다.	p {글꼴 크기 : 20pc;}
pt	포인트 단위로 측정을 정의합니다. 포인트는 1/72 인치로 정의됩니다.	본문 {글꼴 크기 : 18pt;}
px	화면 픽셀 단위로 측정을 정의합니다.	p {패딩 : 25px;}