Junior Skills

Блочная модель

Цель:

Формирование начальных знаний и навыков работы с блочной моделью

Задачи:

  • Определение понятия блочной модели
  • Изучение базовых стилей, участвующих в блочной модели

Материал:

Критерии сдачи:

  • Добавьте на страницу 4 блока (тег div) с классами wrap
    • В первом wrap(е) добавьте 5 блоков одинакового размера, но разного цвета (css св-во background, загуглить)
    • Во втором wrap(е) добавьте 5 блоков, где размер каждого последующего меньше на 20pх, цвет тоже разный
    • В третьем wrap(e) добавьте 5 полностью одинаковых блоков но с внешними отступами 20px и рамкой толщиной в 5px
    • В четвёртом wrap(е) 2 параграфа. У первого ограничьте ширину = 50%. Второму сделайте высоту 50px. Внутренний отступ = 25px
  • Залейте фон параграфам, посмотрите на результат, сделайте вывод
  • Посмотрите на свой результат и попробуйте оптимизировать код

Не зачёт:

  • Отсутствует одно или более решений задания
  • Выполненная работа не соответствует условию задания
  • Стили страницы подключены локально, а не в стороннем файле