Научите выводить с помощью 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)
Новые темыОбъявленияСвободное общение
16:11 Давайте начнем обмен отзывами Google maps 
22:14 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
13:03 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 
13:04 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
15:04 Adtrafico - Правильная партнёрская сеть под бурж трафик 
19:21 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
19:49 Sectormoney.com - быстрый и удобный обменник 
18:51 TELEGRAM EXPERT — Многоцелевой комбайн по работе с Telegram! 
04:17 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
02:16 BetaTransfer касса — это надежный сервис приема платежей в сфере High Risk 
21:43 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
15:03 Продам аккаунты 1 ТБ Облако@Mail.ru 
14:59 PlayPay.biz - Лутбоксы с товарами, играми 
23:14 Точные прогнозы на футбол 
20:09 Сколько сейчас стоит наполнение ИМ? 
12:43 Куплю проигрышные букмекерские аккаунты 
04:33 Половина скидок на распродажах — фейк 
07:53 НейроБабушка наказывает мошенников 
19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту