На одну сторінку
CSS: шпаргалка
Те, що варто тримати під рукою. Якщо рядок незрозумілий, повернись у відповідний урок курсу.
Відкрити курс: 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) |