Работая с версткой веб-страниц, рано или поздно придется столкнуться с таким понятием как блок. Давайте будем разбираться, что это за понятие и для чего это нужно. 

Какими бы сложными и разнообразными ни казались бы нам веб-страницы, которые мы можем видеть в Интернет, по сути они состоят из одного элемента и этот элемент называется блок. Он имеет прямоугольную форму. 

Треугольников, кругов, овалов и.т.д. на веб-странице вы найти не сможете. Единственный геометрический элемент, который есть на веб-странице - это прямоугольник. 

Чтобы в этом убедиться, посмотрите видео, где мы разбираем это на реальном примере.

Таким образом, блок - это некий контейнер или родитель, цель которого объединить в себе какие-то дочерние блоки. Назначение блока - передавать свойства от его родителя к дочерним элементам. 

Блоки, которые можно чаще всего встретить на реальных веб-страницах:

[+] Навигации - элемент nav

[+] Шапки (header) - элемент header

[+] Раздел (section) - элемент section

[+] Подвал (footer) - элемент footer

Или универсальный блок <div>

Подробнее про эти элементы, см. в видео выше. 

div, nav, header, footer, section - визуально на странице не отображаются и просто служат для объединения в себе других элементов. 

Вот такая теория, давайте будем переходить к практике.