Đơn vị trong CSS
- Có 2 nhóm đơn vị chính là Absolute Units (đơn vị tuyệt đối) và Relative Units (đơn vị tương đối)
+ Đơn vị tuyệt đối:
- px: Đây là đơn vị phổ biến, một px sẽ tương đương với 1 điểm ảnh trên màn hình
- pt: Đơn vị point thì 1 ich = 72pt
+ Đơn vị tương đối:
- % (percentages): Đây là đơn vị tham chiếu so với kích thước phần tử mẹ
- em: Đây cũng là đơn vị tham chiếu so với font-size của phần tử mẹ.
Ví dụ phần tử mẹ có font-size là 19px thì phần tử con trong khu vực 1em = 19px
- rem: Đây là đơn vị tham chiếu so với phần tử gốc của website dựa vào giá trị font-size
Ví dụ thẻ
có font-size là 16px thì 1rem = 16px
** Tóm lại:
+ EM và REM được dùng khi web cần responsive
+ EM là đơn vị thường được tham chiếu đến font-size parent hoặc chính nó (nếu có)
+ REM là đơn vị dùng để tham chiếu đến font-size của phần tử Root
