Блочная модель Каждый элемент на веб-странице — это прямоугольник, к которому во время отрисовки браузеры применяют CSS-свойства. Чтобы конечные размеры элементов не были для вас сюрпризом и вы точно понимали, из чего они складываются, нужно разобраться с одной из основных концепций вёрстки — блочной моделью. Блочная модель, она же box model — это алгоритм расчёта размеров каждого отдельного элемента на странице, которым браузеры пользуются при отрисовке. Блочная модель состоит из нескольких CSS-свойств, влияющих на размеры элемента: - width — ширина элемента; - height — высота элемента; - padding — внутренние отступы от контента до краёв элемента; - border — рамка, идущая по краю элемента; - margin — внешние отступы вокруг элемента. 👉 @seniorFront