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

Тег input используется для создания строк для ввода. То есть, все вы видели поисковые строки в яндекс поисковике, google, youtube и так далее. Все они создаются тегом input. В браузере на нашем сайте появилось поле, с которым можно воспользоваться обычному пользователю (что-то написать). Но это выглядит не совсем интересно или красиво. Мы попробуем сверстать поисковую строку как в Яндексе и Google. Поисковая строка Яндекс Выглядит он примерно так: Для создания поисковой строки "Яндекс" я положил тег input и текст h3 в контейнер с уникальным именем search...