Фоны, часть 1 / Формат GIF [12/16]
×

Формат GIF [12/16]

Наверное, единственная причина использовать GIF заключается в том, что он поддерживает анимированные изображения.

Во всех остальных случаях используйте PNG или JPEG (если речь идёт о фотографиях и PNG даёт слишком тяжёлый файл).

Хотите верстать адаптивно, использовать БЭМ и LESS? Тогда записывайтесь на наш продвинутый интенсив.

Выполнить задание
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Формат GIF</title> </head> <body> <div class="box box1"> <div class="block block1"></div> </div> <div class="box box2"> <div class="block block2"></div> </div> </body> </html>
CSS
.box { width: 256px; height: 192px; margin: 20px auto; box-shadow: 1px 1px 3px #999999; } .block { height: 192px; background-repeat: no-repeat; background-position: 50% 50%; } .block1 { } .block2 { }
HTML Academy

Задайте блокам фоновые картинки:

  1. /assets/course13/cat_purr.gif — 1 блоку,
  2. /assets/course13/cat_walk.gif — 2 блоку.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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