px 단위는 화면 픽셀 단위로 측정값을 정의합니다. 다음은 예입니다 -
div {
padding: 40px;
} em 단위는 em 공간의 글꼴 높이에 대한 상대적 측정입니다. em 단위는 주어진 글꼴의 크기와 동일하기 때문에 글꼴을 12pt로 지정하면 각 "em" 단위는 12pt가 됩니다. 따라서 2em은 24pt가 됩니다.
다음은 예입니다 -
p {
letter-spacing: 4em;
} % 단위는 일반적으로 둘러싸는 요소인 다른 값에 대한 백분율로 측정값을 정의합니다.
p {
font-size: 14pt;
line-height: 80%;
}