Всем привет, в этой статье мы разберемся что же такое блочная модель #CSS и как это работает. Для начала стоить понимать, что все элементы, которые вы видите на странице имеют прямоугольную форму. Заголовок, круг, треугольник, боковая модель и пр. – это модифицированные видоизмененные прямоугольники и это всегда нужно помнить. Второй важный момент, влияющий на использование блочной модели css - это разделение html-элементов на строчные и блочные.
(Разделение элементов на блочные и строчные используется в спецификации HTML до версии 4...
Введение в свойство display: block Свойство display: block используется для определения типа отображения элемента как блочного. Когда элементу присваивается это свойство, он занимает всю доступную горизонтальную ширину и располагается на новой строке. Основное понятие свойства display: block заключается в том, что элемент, на который оно применено, будет рассматриваться как блочный элемент, а не строчный или инлайновый. Блочные элементы могут содержать другие элементы внутри себя и образовывать блоки в потоке документа...