# CSS. Свойство display Каждому HTML-элементу на странице соответствует определенный бокс (англ. box — коробка) — это просто прямоугольная область. Тип отображения бокса можно изменить с помощью CSS-свойства display. Тип отображения может влиять сразу на две вещи: * на расположение самого бокса в потоке * на расположение дочерних элементов внутри бокса. То, что вы можете изменить значение отображения любого элемента, означает, что вы можете выбрать HTML-элементы согласно их семантическому значению, не заботясь о том, как они будут выглядеть. То, как они выглядят, можно изменить. Рассмотрим четыре основных типа боксов: * блочные, display: block, * строчные, display: inline, * блочно-строчные, display: inline-block, * гибкие или флексовые (флексы), display: flex. ## display: block Блочный бокс — это прямоугольная область на странице, просто прямоугольник. По умолчанию блочным боксом обладают крупные поточные элементы, которые не являются фразовыми. Например, элементами с блочными боксами по умолчанию являются:

,