Tham chiếu đơn vị CSS
Duyệt mọi đơn vị CSS — tuyệt đối (px, cm, pt), tương đối theo font (em, rem, ch), viewport (vw, dvh), container-query, grid (fr), góc, thời gian và độ phân giải — trong một tham chiếu có thể tìm kiếm và lọc theo loại, kèm mô tả, ghi chú "khi nào dùng" và token sẵn sàng sao chép. Trong trình duyệt, miễn phí.
Mọi đơn vị CSS, được giải thích. Tất cả chạy trong trình duyệt của bạn từ một tham chiếu tích hợp — không có gì gửi lên máy chủ.
Giới thiệu về Tham chiếu đơn vị CSS
CSS Units Reference ghi lại mọi đơn vị mà ngôn ngữ này cung cấp — tổng cộng 45 đơn vị — được tổ chức theo loại: đơn vị tuyệt đối như px, cm và pt; đơn vị tương đối theo font như em, rem, ch và lh; đơn vị viewport từ vw và vh đến các đơn vị mới hơn svh, lvh và dvh; đơn vị container-query như cqw và cqi; đơn vị fr của grid; cùng đơn vị góc, thời gian, độ phân giải và phần trăm.
Mỗi thẻ cung cấp nhiều hơn một định nghĩa: token đơn vị ở dạng monospace có thể sao chép, tên đầy đủ, danh mục, mô tả dễ hiểu về cách nó được tính toán, và ghi chú "khi nào nên dùng" thực tế cho biết đơn vị đó phát huy tác dụng ở đâu — và khi nào một đơn vị khác phù hợp hơn.
Tìm kiếm khớp với token, tên và ý nghĩa, nên rem, viewport width và root đều tìm ra đơn vị của chúng, và các nhãn loại lọc lưới xuống một họ đơn vị. Mọi thứ chạy trong trình duyệt của bạn từ một tài liệu tham khảo tích hợp sẵn, không có gì gửi đến máy chủ.
Cách sử dụng Tham chiếu đơn vị CSS
- Tìm một đơn vị theo token, tên hoặc ý nghĩa — ví dụ rem, viewport width hoặc angle.
- Dùng các nhãn loại để lọc lưới xuống các đơn vị absolute, font-relative, viewport, container, grid, angle, time, resolution hoặc percentage.
- Đọc mô tả của mỗi đơn vị và ghi chú "khi nào nên dùng" để chọn đơn vị phù hợp.
- Nhấp nút sao chép để lấy token đơn vị cho stylesheet của bạn.