Bahasa
Referensi Cepat CSS
Cheat sheet siap cetak untuk Referensi Cepat CSS, disusun untuk pencarian cepat, belajar, dan referensi di meja
Contoh
Isi cheat sheet ini
- Selector
- Box Model
- Flexbox
- Grid
- Tipografi
- Warna & Background
- Transisi & Animasi
- Desain Responsif
- Positioning
- Custom Properties
Selector Dasar
* | Universal — semua elemen |
div | Tipe — semua elemen `<div>` |
.class | Class — elemen dengan class |
#id | ID — elemen dengan id |
[attr] | Atribut — memiliki atribut |
[attr="val"] | Atribut sama dengan nilai |
Kombinator
A B | Keturunan (kedalaman berapa pun) |
A > B | Anak langsung saja |
A + B | Sibling bersebelahan (berikutnya) |
A ~ B | Sibling umum (semua setelahnya) |
Pseudo-class
:hover | Mouse di atas elemen |
:focus | Elemen mendapat fokus |
:first-child | Anak pertama dari parent |
:nth-child(n) | Anak ke-n (1-based, `odd`, `even`, `2n+1`) |
:not(sel) | Negasi — kecualikan yang cocok |
:has(sel) | Selector parent (mengandung yang cocok) |
Unduh cheat sheet lengkap dengan semua bagian, siap cetak
Unduh PDFUnduhan
Pilih varian yang sesuai dengan cara Anda membaca
-
Direkomendasikan
Standar
Hitam-putih, hemat tinta. Pilihan default untuk printer laser dan fotokopi
Terbaik untuk Cetakan dan referensi di meja
-
Warna
Aksen warna hangat untuk membaca di layar atau printer warna
Terbaik untuk Membaca di layar atau printer warna
-
Kartu Referensi
Kepadatan maksimum, layout 4 kolom. Semua dalam satu halaman
Terbaik untuk Pemindaian cepat dan penggunaan kertas minimum
