**важливо**
*акцент*
~~застаріле~~ |
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним. |
## Як працює каскад
### Порядок оголошень |
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є. |
[[css/property/color]] |
Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею. |
[MDN](https://developer.mozilla.org) |
Посилання на чужий сайт. |
 |
Картинка. Опис обов'язковий: його читають пошуковик і незрячі. |
Задайте `display: grid` контейнеру |
Код усередині речення. |
```css
.card { display: grid }
``` |
Код блоком. Мова після трьох лапок вмикає підсвітку. |
- Походження
1. Походження |
Перелік: маркований і нумерований. |
- [ ] дописати приклади
- [x] перевірити в Firefox |
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий. |
> Порядок важить лише за рівної ваги. |
Цитата на всю ширину абзацу. |
Специфічність
: вага селектора; більша перемагає |
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий. |
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок. |
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться. |
Відповідь: ||сорок два|| |
Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито. |
|| Показати рішення
Задайте контейнеру `display: grid`.
|| |
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком. |
| Порожній рядок |
Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці. |