1. CSS функция calc() Calc() наверное самая используемая из этого списка, но ее все равно стоит упомянуть. Если вы еще не использовали ее, чтобы понять назначение вы можете представить, что говорите: "Я хочу чтобы этот элемент был вот такой ширины минус столько-то пикселей". .box { width: calc( 100% - 20px ); } Похоже на что-то из препроцессоров типа SASS, но это чистый CSS, и здесь используется высчитанный браузером размер элемента для дальнейших математических операций. Элемент .box из примера будет таким, "каким он был бы при 100% ширине, минус 20 пикселей"...

В сложных веб-приложениях с большим количеством CSS-кода легко столкнуться с конфликтами стилей, особенно при работе с компонентами от сторонних библиотек или при поддержке устаревшего кода. В таких ситуациях свойство all в CSS становится незаменимым инструментом. Оно позволяет одним махом сбросить все стили элемента, возвращая его к исходному, дефолтному состоянию, и дает возможность начать стилизацию с чистого листа. В этой статье мы глубоко погрузимся в свойство all, рассмотрим его синтаксис,...