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

Тут поговорим о возможно самых популярных тегах и блоках в современной верстке. Теги DIV которые по умолчанию в браузерах имеют отображение display: block. Так же попробуем понять почему таблицы перестали быть основным способом позиционирования элементов в верстке. Как ранее упоминалось блоковые элементы занимают всю ширину родительского блока, в отличии он inline элементов, чья ширина зависит от содержимого страниц. Это не всегда удобно и нужно. Историческая справка Исторически, в интернете первым способом располагать элементы на сайте были таблиц...