Как за час сделать страницу пригодной для печати: убрать меню, развернуть скрытый текст, управлять разрывами и не потерять URL ссылок. Разбираем @media print и свойства печати.
За полчаса вы научитесь подсвечивать ссылку при наведении, красить каждую вторую строку таблицы и вставлять иконку перед абзацем без единого лишнего тега в HTML.
Пользователь жмёт Ctrl+P — и получает три страницы с обрезанной шапкой, тёмным фоном и ссылками, которые в бумаге бесполезны. Разбираем, как сделать печать предсказуемой без отдельного шаблона.
Разбираем, для каких данных <table> — правильный выбор, а где он делает разметку хрупкой, недоступной и неотзывчивой. С критериями, по которым решать в спорных случаях.
Почему ::before не появляется, hover не работает на мобильном, а :nth-child считает не то, что вы думаете. Разбор частых промахов с псевдоклассами и псевдоэлементами и как их починить.
Двоеточие или два двоеточия? Разбираемся, чем :hover отличается от ::before, зачем нужны :is() и :has() и где браузеры до сих пор ведут себя по-разному.
Когда шрифт вдруг вырастает вдвое, а padding уезжает на мобильном — обычно виноват не CSS, а неверно выбранная единица. Разбираем, где px, где rem, где em и когда vw мешает.
Пять значений свойства position решают, где окажется блок и относительно чего он смещается. Разбираем, чем они отличаются на практике, и почему top: 20px иногда не двигает элемент.
Что реально делают position, z-index и transform, где новичок ломает вёрстку — и как за пять минут понять, почему блок «не хочет» вставать на место.
Разбираемся, как работают свойства position и как за несколько шагов прижать кнопку к углу экрана, сделать липкую шапку и наложить бейдж на картинку. Времени уйдёт около 30 минут.
Тёмная тема ломается на трёх вещах: мигание белым при загрузке, отсутствие памяти о выборе и жёстко зашитые цвета. Разбираем, как обойти каждую на чистом CSS и минимуме JS.
Как вставлять SVG-иконки так, чтобы их можно было красить через CSS, собирать в спрайт и анимировать — и где каждый подход ломается.