Научите выводить с помощью CSS изображения из одного графического файла.
Страницы: 1
Научите выводить с помощью CSS изображения из одного графического файла.
Привет. В связи с необходимостью оптимизировать сайт хочу прибегнуть к возможностям CSS стилей.

Что надо - выводить картинки из одного файла. Понаблюдал за кодом некоторых сайтов. Вижу что используют следующее:
background-position: .......
background-image: url('xxxx');
background-repeat: no-repeat;
width: ....px;
height: ....px;

Кто объяснит или подкинет ссылку на толковое разъяснение? Спасибо.
Не подписываюсь на темы, так что не слежу за вопросами, которые вы оставляете в топике после меня. Если нужно получить ответ, пишите в ЛС с указанием ссылки на мой комментарий.
Про все эти атрибуты и многие другие рекомендую почитать здесь: _htmlbook.ru/css/background. Вкратце
background-position - позиция смещения
background-image - адрес изображения (относительно css файла!!!)
background-repeat - повтор изображения по осям или не повтор (no-repeat)
width и height - к изображению не относятся, но задают размер текущего элемента.
Цитата
Алик Яушев пишет:
Что надо - выводить картинки из одного файла
все картинки собираются в один файл, потом он подгружается фоном, но не весь файл, а какое-то определенное место этого файла, потом при определенном действии (например, если навести мышку или кликнуть) фон сдвигается на другое место...
позиция фона определяется background-position, картинка-файл называется спрайтом

Цитата
Алик Яушев пишет:
background-position: .......
background-image: url('xxxx');
background-repeat: no-repeat;
можно использовать сокращенную запись

Код
 background: transparent url('fon.png') no-repeat scroll 0px 0px;

[background-color] | [background-image] | [background-repeat] | [background-attachment] | [background-position]
в том месте, где пиксели - регулируется позиция фона - первая по-горизонтали, вторая по-вертикали
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
23:57 Стоит ли добавлять сайт в Rambler топ 100? 
22:13 Помогите, пожалуйста, с htaccess 
19:55 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
18:32 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
18:22 Gambling Craft - гемблинг по белому 
18:14 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
15:38 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы | Еженедельные Выплаты | CPA до $950 
21:29 Продаются аккаунты Яндекс Директ без НДС (валюта USD). +20% к вашему бюджету 
12:26 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
21:27 [ Бесплатный тест ] Мобильные прокси Польша| Proxy-Hobbit-Poland.com 
18:49 EasyBusy.bz Проводи обмены легко и быстро вместе с нами 
16:24 [eBucks] Автоматический обмен криптовалют. BTC и любые альткоины. Киви, Банковские карты и др. электронные системы. 
14:57 [ Бесплатный тест ] Мобильные прокси Belarus | Proxy-Hobbit 
00:59 Анализ курсов и недежности обменников - Kurs.Expert 
22:17 Точные прогнозы на футбол 
15:49 Linux - это максимальная свобода 
07:55 У меня дикая просадка по РСЯ за последние 3 суток 
21:33 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
14:38 Продажи российских компьютеров в РФ выросли вдвое 
12:29 Карпаты 
18:06 У меня одного подтупливает супр последнее время?