Блочные и строчные элементы Сегодня мы рассмотрим одну из фундаментальных тем в верстке сайтов – это блочные и строчные элементы. Начну с банальных вещей - все элементы HTML делятся на 2 типа: блочные и строчные. И добавляя какой-либо элемент в разметку вашего сайта, вы должны четко понимать какой у него тип, потому что блочные и строчные элементы имеют кардинально разные свойства. Блочные элементы Блочные элементы предназначены для создания сетки страницы и разметки крупных блоков текста (заголовки, абзацы, списки). Для упрощения блочные элементы можно представлять как прямоугольные области на странице...

Рассмотрев все строчные и блочные элементы, мы переходим к переходному типу элементов. На этом завершится серия уроков об элементах и их классификации. Будем двигаться дальше! Суть строчно-блочных элементов в том, что к ним могут применяться свойства и того, и другого типа элементов одновременно. Например, элементы расположены на одном уровне (строке), но при этом имеют родительское позиционирование и содержат другие блоки (об этом позже). Зачем это может понадобиться? Не проще оставить два типа...