Блочная модель CSS: Margin, Border, Padding, Box-Sizing

Привет! В этом уроке мы рассмотрим что такое блочная модель CSS и разберемся как браузер рассчитывает размеры элементов. Узнаем как работают свойства padding, border, margin, влияющие на общий размер блоков. Разберем способ изменения принципа расчета размеров свойством box-sizing. Посмотрим где можно отследить размеры блоков и инструментах разработчика браузера. Содержание: 00:00 Введение 00:25 Content 01:22 Padding 03:03 Расчет размеров с учетом Padding 03:37 Border 04:10 Расчет размеров с учетом Border 04:39 Margin 05:24 Отрицательные Margin на примерах 06:30 Схлопывание Margin 06:58 Box-Sizing, альтернативный расчет размеров 07:52 Dev Tools и блочная модель #css #frontend #фронтенд #разработкасайта #блочнаямодель #padding #margin #boxsizing