Ngôn ngữ
CSS Tham Khảo Nhanh
Cheat sheet sẵn sàng để in cho CSS Tham Khảo Nhanh, được sắp xếp để tra nhanh, học tập và dùng cạnh bàn làm việc
Mẫu
Nội dung cheat sheet này
- Selector
- Box Model
- Flexbox
- Grid
- Typography
- Màu Sắc & Nền
- Transition & Animation
- Thiết Kế Responsive
- Vị Trí
- Thuộc Tính Tùy Chỉnh
Selector Cơ Bản
* | Tổng quát — tất cả phần tử |
div | Loại — tất cả phần tử `<div>` |
.class | Class — phần tử có class |
#id | ID — phần tử có id |
[attr] | Thuộc tính — có thuộc tính |
[attr="val"] | Thuộc tính bằng giá trị |
Combinator
A B | Con cháu (độ sâu bất kỳ) |
A > B | Chỉ con trực tiếp |
A + B | Anh em liền kề (tiếp theo) |
A ~ B | Anh em chung (tất cả phía sau) |
Pseudo-class
:hover | Chuột di qua phần tử |
:focus | Phần tử được focus |
:first-child | Con đầu tiên của parent |
:nth-child(n) | Con thứ n (1-based, `odd`, `even`, `2n+1`) |
:not(sel) | Phủ định — loại trừ kết quả khớp |
:has(sel) | Selector parent (chứa kết quả khớp) |
Tải cheat sheet đầy đủ với tất cả các phần, sẵn sàng để in
Tải PDFTải xuống
Chọn dạng phù hợp với cách bạn đọc
-
Được đề xuất
Tiêu chuẩn
Đen trắng, tiết kiệm mực. Mặc định cho máy in laser và photocopy
Phù hợp nhất cho Bản in và tài liệu tham khảo trên bàn
-
Màu sắc
Điểm nhấn màu ấm cho đọc trên màn hình hoặc máy in màu
Phù hợp nhất cho Đọc trên màn hình hoặc máy in màu
-
Thẻ tham khảo
Mật độ tối đa, bố cục 4 cột. Tất cả trên một trang
Phù hợp nhất cho Quét nhanh và dùng ít giấy nhất
