Одна таблица стилей для двух страниц

HTML обеих страниц готов. Теперь займёмся внешним видом. Обе страницы получают его из одной таблицы стилей, style.css, которую мы добавили в редактор, пока пустую. Как вы знаете из курса CSS, в этом преимущество внешней таблицы стилей: когда вы меняете правило, меняются сразу обе страницы, и они всегда выглядят как части одного сайта.

Для этого каждая страница должна подключать таблицу стилей элементом link в своём head:

<link rel="stylesheet" href="style.css">

Затем идёт правило для body с тем, что наследует вся страница:

• margin: 0 убирает внешний отступ, который браузеры дают элементу body, чтобы шапка и подвал, у которых будет цвет фона, доходили до краёв окна.
• font-family: Arial, sans-serif: Arial есть почти на каждом компьютере, а если его нет, браузер возьмёт другой шрифт без засечек.
• line-height: 1.5 даёт строкам чуть больше места, и текст легче читать.
• Цвет текста #1f2937 — очень тёмно-серый, он мягче для глаз, чем чёрный, и цвет фона #fdf8f0 — тёплый кремовый, как у старых кинобилетов. Если хотите, выберите свои цвета: главное, чтобы тёмный текст стоял на светлом фоне.

После нажатия на «Запустить» попробуйте ссылки в предпросмотре: страница с расписанием выглядит с тем же шрифтом и цветами, что и главная.