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

CSS (Cascading Style Sheets) - это язык стилей, который используется для описания внешнего вида HTML-документа. Он определяет, как элементы HTML должны отображаться на экране, при печати или на других носителях. CSS-правило состоит из селектора и блока объявлений. Блок объявлений заключается в фигурные скобки {} и содержит одно или несколько объявлений, разделенных точкой с запятой ;. Каждое объявление состоит из свойства и значения, разделенных двоеточием :. selector { property: value; property: value; ...