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

Мы все знакомы со стандартным способом привязки таблицы стилей к заголовку HTML-документа, верно? Это лишь один из нескольких способов написания CSS. Но как выглядит стилизация вещей в одностраничном приложении (SPA), скажем, в проекте React? Оказывается, есть несколько способов стилизации приложения React. Некоторые пересекаются с традиционным стилем, другие не так сильно. Но давайте посчитаем все способы, которыми мы можем это сделать. Импорт внешних таблиц стилей Как следует из названия, React может импортировать файлы CSS...