Итак, в прошлой статье мы остановились на изучении CSS стилей: HTML/CSS Часть 6 В прошлой статье мы начали вёрстку сайта. В этой статье продолжим верстать. Итак, мы остановились на том что сделали разметку header. Теперь поработаем над дизайном header. В файле style.css который мы создали в прошлой статье напишем стиль для класса header такой: Пишем .header и ставим галочки: .header {} Посередине галочек наводим курсор мыши и жмём ENTER. Между галочек пишем background-color: darkslateblue; Под...

Источник: WebForMyself.com В этой статье мы рассмотрим, как работают object-fit и background-size, когда мы можем их использовать и почему, а также некоторые практические примеры использования и рекомендации. Мы не всегда можем загрузить изображения разного размера в элемент HTML. Если мы используем ширину и высоту, которые не пропорциональны соотношению сторон изображения, изображение может быть сжато или растянуто. Это плохо, и это можно решить либо с помощью object-fit элемента img, либо с помощью background-size...