Блочная модель документа / Последнее испытание [23/23]

Зарегистрируйтесь, чтобы проходить испытания

Регистрация займёт всего минуту и позволит сохранять прогресс обучения.

Вы можете зарегистрироваться с помощью своей эл. почты и пароля, либо с помощью

ВК ВКонтакте или FB Facebook

×

Последнее испытание [23/23]

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

Изменять нужно только свойства, относящиеся к блочной модели, и одно свойство, связанное с отображением рамок таблицы.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Последнее испытание</title> </head> <body> <div class="column"> <strong>Базовые</strong><br> block<br> inline<br> list-item<br> none </div> <div class="column"> <strong>Сложные</strong><br> inline-block<br> inline-table </div> <div class="table"> <div class="row"> <div class="cell col-1"> <strong>Табличные</strong> </div> <div class="cell col-2"></div> <div class="cell col-3"></div> </div> <div class="row"> <div class="cell col-1"> table </div> <div class="cell col-2"> -row<br> -cell<br> -column<br> -caption<br> </div> <div class="cell col-3"> строка<br> ячейка<br> колонка<br> заголовок<br> </div> </div> </div> </body> </html>
CSS
/* Базовые стили, изменять не нужно */ html, body { margin: 0; padding: 0; } body { width: 520px; min-height: 270px; padding: 20px; font-size: 14px; line-height: 1.5; font-family: Arial, sans-serif; color: white; background-color: #3a78a1; background-image: url("/assets/course9/grid.png"); background-repeat: repeat; background-position: -80px -80px; } /* Cтили, которые можно изменять */ .column { margin-bottom: 10px; padding: 10px; background: rgba(0, 255, 255, 0.2); border: 2px solid white; } .cell { padding: 5px 10px; background: rgba(0, 255, 255, 0.2); border: 2px solid white; }
<HTML Academy>
?

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.