В HTML5 все элементы можно представить в виде прямоугольных блоков. Для отображения блока браузер вычисляет размеры его содержимого и применяет к блоку набор типовых свойств. Для определения размеров блока, его внешнего вида и положения браузер руководствуется алгоритмом, который описан блочной моделью CSS.
Таким образом, блочная модель является первым шагом к пониманию, как отображаются элементы в браузере. Знание блочной модели помогает строить отдельные блоки и компоновать их в веб-страницы, что и является основой вёрстки.
Влад Мержевич
Веб-разработчик, автор нескольких книг, посвящённых созданию сайтов, HTML и CSS. Кандидат технических наук.