html-foxford-homeworks

Домашнее задание к лекции 1.3 «Оформление текстовых блоков с помощью CSS»

Домашнее задание выполните в редакторе по ссылке «Оформление текстовых блоков с помощью CSS»

Задача №1

  1. Для заголовков h2:
    • Увеличить размер шрифта в 5 раз (500%);
    • Задать минимальную жирность шрифта (100).
  2. Для заголовков h4 установить размер шрифта 15px.
  3. Для параграфов p, вложенных в article, задать наклонное начертание шрифта. При этом параграфы вне тегов article затронуты быть не должны.
  4. Для списков первого уровня установить в качестве маркера квадрат (■), а для списков второго уровня картинку маркер. Адрес картинки: https://netology-code.github.io/html-foxford-homeworks/text-css/res/bullit.png

Задача №2

Чтобы расписание сеансов не напоминало таблицу из учебника, нужно добавить немного цвета:

  1. Для всех ячеек таблицы задать светло-серый фоновый цвет.
  2. Для строки заголовков (thead) задать фоновый цвет #533982, белый цвет шрифта и максимальную жирность шрифта (900).
  3. В таблице на названиях кинотеатров поставлены ссылки. Адреса их сайтов мы добавим позднее, а пока для данных ссылок нужно задать цвет rgb(46, 25, 109) и полужирное начертание.
  4. Для strong внутри таблицы задать цвет hsl(324, 76%, 55%). При этом strong за пределами таблицы затронуты быть не должны.

Перед выполнением работы прочитайте инструкцию по работе с Codepen.

  1. Перейдите по ссылке, указанной в начале задания.
  2. Нажмите кнопку Fork.
  3. Выполните домашнее задание.
  4. Нажмите кнопку Save.