Sự khác biệt giữa PX, EM và Phần trăm

Đơn vị px xác định phép đo tính bằng pixel màn hình. Sau đây là một ví dụ -

div {
   padding: 40px;
}

Đơn vị em là một phép đo tương đối cho chiều cao của phông chữ trong không gian em. Bởi vì một đơn vị em tương đương với kích thước của một phông chữ nhất định, nếu bạn gán một phông chữ cho 12pt, thì mỗi đơn vị "em" sẽ là 12pt; do đó, 2em sẽ là 24pt.

Sau đây là một ví dụ -

p {
   letter-spacing: 4em;
}

Đơn vị% xác định phép đo dưới dạng phần trăm liên quan đến một giá trị khác, thường là một phần tử bao quanh.

p {
   font-size: 14pt;
   line-height: 80%;
}