изображения с помощью css

изображения с помощью css

Ребята вы можете управлять размером изображения,используя свойства width и height CSS так же, как вы использовали бы их по отношению к любому другому блоку.

Указание размеров изображения оптимизирует процесс загрузки страницы, поскольку обычно сначала загружается HTML-код и CSS.

Когда браузер знает, сколько места нужно оставить для изображения, он может отобразить остальную часть страницы, не ожидая загрузки графики.

Также можно посмотреть здесь как дополнительный материал //pashablogger.ru/html-list/izobrazhenij-v-kode.html

Вы, вероятно, думаете, что на вашем сайте будут присутствовать изображения разных размеров, однако многие сайты используют изображения одинаковой величины.

Например на сайте интернет-магазина фотографии товаров часто имеют один и тот же размер.

Если дизайн вашего сайта основан на сетке, то вы можете выбрать из нескольких размеров изображений, которые будут использоваться на всех страницах:

Малая книжная : 220 х 360; малая альбомная: 330 х 210; фотография характеристик: 620 х 400.

Когда по всему сайту вы используете изображения фиксированной величины, вы можете применять CSS для управления размерностями, вместо того чтобы указывать их в HTML-коде.

Сначала вам нужно выбрать размеры изображений, которые будут использоваться на сайте,иа затем назначить каждому размеру имя, например:

smallmediumlarge.

При использовании в HTML-коде элементов <img> вместо атрибутов width и height, вы можете использовать эти имена в качестве значений атрибута class.

B CSS вам нужно будет добавить селекторы для каждого имени класса, а затем использовать свойства width и height для управления размерами изображений.

Также можно посмотреть здесь как дополнительный материал //pashablogger.ru/html-list/izobrazhenij-v-kode.html

 

 

 

Понравилась статья? Поделиться с друзьями:
Блог  Измайлова Павла
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: