Html: Календарь

Основы верстки контента 65 сообщений
Обновлено: 19 сент., 10:33
714
Студентов
88%
Завершения

Календари очень часто используются на веб-страницах. Их реализация бывает невероятно разнообразной. Такое испытание можно вставить в любой курс и получить совершенно разные варианты вёрстки. В этом испытании вы реализуете календарь с использованием максимально доступных средств.

Календарь на CSS

Основные стили календаря

  • Цвет текста: #fff
  • Размер шрифта: 16px
  • Межстрочный интервал: 1
  • Шрифт: Rubik. Файлы шрифтов находятся в директории assets
  • Цвет фона: #e5e5e5

Обёртка

  • Ширина: 250px
  • Внутренние отступы: 60 пикселей сверху, справа и слева. 30 пикселей снизу
  • Фон: #1e1f25
  • Закругление: 12px

Заголовок второго уровня

  • Внешний отступ снизу: 30px. Отступы с остальных сторон: 0px
  • Жирное начертание
  • Размер шрифта: 16px

Календарь

  • Внешний отступ снизу: 30px
  • Внутренний отступ снизу: 20px
  • Размер шрифта: 14px с межстрочным интервалом 2
  • Граница снизу с цветом #313131

Ячейки с числами

  • Цвет чисел: #ccc с выравниванием по центру.
  • Внутренний отступ у чисел: 0
  • Межстрочный интервал: 2.3

Список дел

  • Внешние отступы у названия: 5px сверху и 20 пикселей снизу
  • Размер шрифта названия дела: 14px
  • Цвет времени: #ccc
  • Размер шрифта времени: 10px
  • Сбросьте внешние и внутренние отступы у списка

Подсказки

  • Путь к шрифтам:
    • ../assets/fonts/Rubik-Regular.woff2
    • ../assets/fonts/Rubik-Bold.woff2

Для полного доступа к испытанию нужен базовый план

Базовый план откроет полный доступ ко всем курсам, упражнениям и урокам Хекслета, проектам и пожизненный доступ к теории пройденных уроков. Подписку можно отменить в любой момент.

Получить доступ
1000
упражнений
2000+
часов теории
3200
тестов