Блочные модели

Блочные модели.

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

В CSS существует предустановленный набор свойств, позволяющий переопределять стили браузеров и создавать желаемые варианты дизайна. Это не какие-то узкоспециализированные свойства: их можно и нужно объединять для формирования правил, на основе которых блоки и будут группироваться, определяя правильный дизайн. Комбинацию таких правил обычно называют моделью или системой макета. Все вместе правила определяют блочную модель.

Сегодня только одна блочная модель считается стандартной, кроме нее существует еще несколько экспериментальных. Допустимая и повсеместно используемая модель называется традиционной блочной моделью (Traditional Box Model), и она существует со времен первой версии CSS. Несмотря на доказанную эффективность данной модели, разрабатываются экспериментальные модели, нацеленные на преодоление ее недостатков. Наиболее значимой среди них является новая гибкая блочная модель (Flexible Box Model), появившаяся в CSS3 и полагаемая частью HTML5.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *