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

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

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

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

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

×

Второе испытание [16/23]

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

Обратите внимание, что HTML-код заблокирован, а в нём некоторые CSS-свойства заданы в атрибуте style. Это обозначает, что вы не можете их переопределить и придется выкручиваться по-другому.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Второе испытание</title> </head> <body> <div class="block block1" style="padding: 0;"> <div class="block block2"> <input type="text" style="width: 100%;" value="Значение поля" /> </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; } input[type="text"] { height: 38px; font-size: 18px; font-family: Arial, sans-serif; border: 2px solid #cccccc; border-radius: 5px; } .block { background: rgba(0, 255, 255, 0.2); } /* Cтили, которые можно изменять */
<HTML Academy>
?

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

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

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

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