На одну сторінку
Шпаргалка · CSS: старт
Те, що варто тримати під рукою. Якщо рядок незрозумілий — повернись у відповідний урок, не гугли десять статей поспіль.
Правило
| Що | Як |
|---|---|
| Клас | .card { } |
| Каскад | нижче + сильніша специфічність |
| Коробка | box-sizing: border-box |
| Токен | var(--ink) |
Розкладка
| Що | Як |
|---|---|
| Ряд | display: flex; gap: 1rem |
| Сітка | display: grid; repeat(auto-fit, minmax(16rem, 1fr)) |
| Абсолют | relative на батькові |
| Ширина екрана | @media (min-width: 40rem) |