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

Начнём учебный год по-взрослому: связываем поля и подписи, наводим порядок в табличных данных и раскладываем блоки гибко — Flexbox и Grid как основа читаемых и масштабируемых интерфейсов.

Сегодня точность — наше всё: будем «прицеливаться» селекторами так метко, что ни один лишний <div> не ускользнёт. Псевдоклассы, атрибуты и состояния — ваш набор инструментов, чтобы интерфейсы вели себя предсказуемо и выглядели взрослым, продуманным кодом.

А ещё разберём табличные раскладки без мифов и хаков: когда display: table по-делу, как центрировать по вертикали и собрать тот самый «Святой Грааль». Итог дня — CSS короче, специфичность под контролем, а диффы чище.