Что такое свойство CSS `display`? Приведите примеры использования.

Question

Accepted Answer

## В чём суть
`display` задаёт **тип отображения** бокса: как элемент участвует во внешнем потоке и какие правила раскладки внутри.

## Примеры

```css
span.link { display: inline; }
div { display: block; }
.btn { display: inline-block; }
.row { display: flex; }
.page { display: grid; }
.sr-only-hide { display: none; }
```

Есть двухзначный синтаксис: `display: inline flex` (внешний/внутренний). Табличные значения (`table-cell`) — легаси-раскладки.

## Итог
`display` переключает модель раскладки элемента. Самые частые на практике: `block`, `flex`, `grid`, `none`, `inline-block`.