Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Khác biệt giữa đơn vị PX, EM và Percent (%) trong CSS


Đơn vị px định nghĩa đo lường theo pixel màn hình. Ví dụ:

div {    padding: 40px; }

Đơn vị em là đo lường tương đối cho chiều cao font trong không gian em. Vì 1em tương đương với cỡ font đã cho, nếu bạn đặt font-size: 12pt, thì mỗi đơn vị "em" sẽ là 12pt; do đó 2em = 24pt.

Ví dụ:

p {    letter-spacing: 4em; }

Đơn vị % định nghĩa đo lường theo phần trăm tương đối với giá trị khác, thường là phần tử cha bao quanh.

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