1. Fast silver
  2. »
  3. Программирование
  4. »
  5. Фоновые изображения. И с чем это едят!
Друзья сайта
Бонусы

Вы можете получить WMR-бонус в размере 0,01-0,10 WMR на свой кошелек 1 раз в сутки

Кошелек
Код Защитный код

Обмен Webmoney

Заработок1
Заработок2
Заработок3
Заработок4
Заработок5
Раскрутка веб сайтов(Бесплатно)

Фоновые изображения. И с чем это едят!

Категория: Программирование Просмотров: 235


Предусмотрено несколько свойств, которые используются для манипуляции фоновыми изображениями. К счастью свойство background используется со всеми ими.
body { background: white url(http://www.htmldog.com/images/bg.gif) no-repeat top right;}

Это включает в себя следующие свойства:

background-color, с которым мы сталкивались прежде.
background-image, которое представляет собой местонахождение самого изображения.
background-repeat, которое указывает, как изображение повторяется. Это может быть repeat — фактически эквивалент эффекта «мозаики» по всему фону;
repeat-y — изображение повторяется по координатной оси Y, т.е. сверху и снизу; 
repeat-x — изображение повторяется по координатной оси X, т.е. следует одно за другим слева на право; no-repeat — изображение показывается только один раз и не повторяется.
background-position, показывает расположение изображения. Это может быть top (сверху), center (по центру), bottom (снизу), left (слева), right (справа) или любая благоразумная их комбинация.
Фоновые изображения могут использоваться для большинства элементов HTML, а не только для страницы целиком (body). Фоновые изображения могут использоваться и для простых, но эффективных решений — например, для создания закругленных уголков.

Легко увлечься техникой фоновых изображений и начать размещать их по всей странице. Некоторые визуально гиперактивные люди уверены, что страница выглядит хорошо, когда яркие цветные фотографии накладываются друг на друга по всему фону веб-страницы, заставляя пользователя «разгадывать» текст на переднем плане. Это, конечно же, экстремальный пример. Но факт состоит в том, что наиболее дружественен к пользователю легко читаемый текст, набранный черным цветом на белом фоне или белым цветом на простом черном фоне (есть также предложения слегка приглушать белый и черный фон, чтобы снизить блики).

Поэтому лучше использовать фоновые изображения там, где на верхнем слое не будет контента, либо делать фоновые изображения очень светлыми, что, кстати, может уменьшить вес файла изображения, потому что в этом случае задействовано меньше цветов (при условии, что вы применяете формат с индексированной палитрой цветов — например, GIF).скачать dle 12.1
дата: 12-02-2018, 17:25
автор: admin
Теги:
  • Комментарии


Имя:*
E-Mail:
Привет, Гость
Чатик
Galina
Galina
18 марта 2018

Здрасти ?
admin
admin
15 марта 2018

Всех приветствую !
ZZZ1
ZZZ1
13 февраля 2018

Здравствуйте.
ravshan92
ravshan92
12 февраля 2018

Желаю развития этому сайту)
ravshan92
ravshan92
12 февраля 2018

Всем доброго вечера ребят)
ogurec
ogurec
12 февраля 2018

ВСЕМ ПРИВЕТ УДАЧИ И ХОРОШОГО НАСТРАЕНИЯ ВСЕМ ПОКА ПОКА !!!!!!
Tatika
Tatika
12 февраля 2018

Удачи и успеха!!!
Vladimir
Vladimir
12 февраля 2018

Привет!
admin
admin
11 февраля 2018

Всех приветствую!

Каталог сайтов Всего.ру