Создание сайта, дизайн, web дизайн
Главная Работы Услуги Цены Контакты

 Главная
 Работы
 Услуги
 Цены
 Контакты
  maximaster1.ru - 1c битрикс

Сами по себе каскадные таблицы стилей не используются для помещения на Web-страницы основных изображений. Несмотря ни на что, эта задача выполняется посредством тега <img>. Тем не менее, они применяются для управления основными изображениями, для вставки и управления фоновыми изображениями. Следующая разметка выполняет вставку изображения:

<img src="demo.gif" alt="demo" id="demoimg" >

CSS можно использовать для изменения размера, определения местоположения и штрихования изображения. Например, вместо значений height и width в HTML можно сделать следующее:

#demoimg {height: 100рх; width: l00px; }

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

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

#demoing {float: left;}

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

#demoimg {position: absolute; left: l00px; top: 50px; z-index: 3;}

Как видно из последнего правила, можно даже задавать значения z-index и помещать изображения поверх других объектов страницы. Наконец, к некоторым изображениям имеет смысл применять стилевые эффекты наподобие границ:

#demoimg {border-style: double; border-width: 2px; border-color: orange;}

Большинство этих возможностей можно реализовать средствами HTML, хотя в этом случае исполнение будет менее аккуратным; CSS выделяется теми своими функциями, которые связаны с фоновыми изображениями.

 

Афоризм дня:
Говорите правду - и вы будете оригинальны.
А.В. Вампилов
© 2004-2017 LABDESIGN.RU   e-mail: