Таблицы и подвал

Последние штрихи: таблицы и подвал. Обе таблицы, с ценами на билеты и с расписанием, получают вид от одних и тех же правил, так что оформите сразу обе.

Ячейкам нужны внутренние отступы, чтобы столбцы не слипались, и тонкая линия под каждой строкой: нижняя граница бежевого цвета карточек. Ячейки-заголовки по умолчанию жирные и выровнены по центру, а text-align: left ставит их слева, над данными. С групповым селектором th, td одно правило оформляет оба вида ячеек.

По умолчанию у каждой ячейки своя граница, а между соседними ячейками остаётся небольшой промежуток, поэтому линии под строками получились бы разорванными. Это исправляет ещё одно свойство: border-collapse: collapse у table сливает границы соседних ячеек в одну, и каждая линия идёт через всю таблицу.

Наконец, подвал получает тот же тёмный фон, что и шапка, белый текст, внутренние отступы и больший промежуток сверху (margin-top: 64px), чтобы он был явно отделён от содержимого.

Вот и весь сайт! У кинотеатра «Звёздный свет» две связанные друг с другом страницы с одинаковыми шапкой и подвалом и одна таблица стилей, которая задаёт им внешний вид: шапка, выстроенная с помощью Flexbox, карточки фильмов в сетке и аккуратные таблицы. Настоящие сайты строятся так же, только страниц у них больше. Пройдитесь по обеим страницам в предпросмотре. В следующем уроке вы выложите сайт в интернет, и его адрес можно будет отправить друзьям. Урок начинается с этого сайта, поэтому сохранять его не нужно.