Привет! В этом уроке мы рассмотрим что такое блочная модель 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
19 май 2024