Перед тем, как мы начнем стилизацию сайта, стоит сбросить значения CSS по умолчанию, установленные веб-браузером. Это важно, потому что на самом деле каждый веб-браузер интерпретирует внешний вид отдельных элементов HTML по-разному...

Современные веб-технологии развиваются быстро: каждая новая версия CSS приносит свежие возможности — гриды, переменные, фильтры, aspect-ratio и многое другое. Но в реальности существует проблема - не все пользователи обновляют браузеры и не все браузеры быстро реализуют поддержку новых стандартов. В результате дизайнер видит одно, а пользователь — совсем другое. Чтобы не ломать макеты и не писать бесконечные хаки, разработчикам нужна возможность проверять поддержку конкретных CSS-функций. И именно для этого в язык добавили директиву @supports...