Собрала несколько реально нужных свойств (и значений), которые и меня часто выручают. Но эти свойства многие почему-то забывают в процессе. Разберем подробнее: Свойство задает фиксированное соотношение сторон блоку/картинке (4:3, 16:9, квадрат, вертикальное видео и т.п.). Например: .box { aspect-ratio: 16 / 9; } Must have, когда нужно задать размер условному видео - на адаптиве будет выглядеть отлично и никаких танцев с бубном с width, height и прочим. Свойство используется для картинок. Когда нужно,...

Вы не пове­ри­те, до чего дошёл про­гресс! В совре­мен­ном вебе CSS нужен уже не толь­ко для того, что­бы оформ­лять сти­ли заго­лов­ков. В 2019 году на сти­лях дела­ют меню, настра­и­ва­ют ани­ма­цию и дела­ют трёх­мер­ные сай­ты. Сего­дня — обзор инте­рес­ных CSS-свойств и их при­ме­не­ние. Липкие блоки При­мер: Codepen Что исполь­зу­ем: sticky Недав­но в CSS появи­лись «лип­кие» бло­ки — они созда­ют такие эле­мен­ты на стра­ни­це, кото­рые при скрол­ле оста­ют­ся на сво­ём месте. Но как толь­ко до них доез­жа­ют дру­гие бло­ки, залип­ший тоже начи­на­ет дви­гать­ся...