10. Работа с картинками. Применяем свойство object-fit для картинок, вставляем фоновые картинки.

В видео по работе с картинками мы подробно разбираем методы вставки картинок в HTML блок, проработаем способ вставки фоновых картинок. Познакомимся с такими свойствами CSS, как background-image, background-position, background-size. Изучим способы позиционирования с помощью CCS свойства object-fit. Object-fit: fill(default) - Заполняет всю заданную область. Может растянуть картинку, но не обрезает ее. contain - Не всегда заполняет всю область. Картинка не растягивается и не обрезается. Картинка показывается целиком scale-down - То же что и contain, но никогда не увеличивает масштаб от оригинального none - удерживает оригинальный размер, не растягивает картинку. В зависимости от картинки либо обрезает ее, либо оставляет полосы. object-position: 50%(высота) 50%(ширина); #уроки_по_html