• Теория
  • Теория

Первое испытание

Используйте изученные свойства блочной модели для прохождения испытания, а именно:

  • ширину и высоту;
  • отступы;
  • рамки.

Ничего кроме размеров блоков, отступов и рамок задавать не нужно. Все размеры, которые вам нужно задать, кратны десяти. Цвет рамки блоков — white.

Подобрать правильные размеры вам поможет сетка на фоне. Размеры маленькой ячейки — 20 на 20 пикселей, большой ячейки — 100 на 100 пикселей.

Внутренние отступы, в отличие от заданий, здесь непрозрачные.

Доводим навык до автоматизма

Первое прохождение испытания помогает закрепить знания, но не формирует устойчивый навык. Чтобы сформировать уверенные навыки и писать код на автомате, нужна дополнительная практика на похожих задачах.

Для этого испытания есть 5 дополнительных вариантов: первый, второй, третий, четвёртый, пятый.

Время решения последнего дополнительного варианта обычно снижается в 2 раза по сравнению с временем решения текущего испытания. Это означает, что тема полностью освоена и навык сформирован.

Дополнительные варианты необязательны для прохождения главы и доступны для подписчиков.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Блочная модель документа» тренажёра «Боксовая модель и позиционирование» можно после регистрации и оформления подписки.