Научите выводить с помощью 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)
Новые темыОбъявленияСвободное общение
20:11 Чем заменили ТИЦ? 
19:51 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
19:36 Апдейт Яндекс выдача 4 марта 2024 
19:31 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
19:24 Кнопка "Бабло" = Телега + ИИ + Ютуб 
19:23 robots.txt запрет пагинации 
16:36 Сайт не реагирует на изменения в CSS 
19:50 Ксения Гущина - третья серия 
16:41 Cоздание : Лендов, Вайтов, Ботов, Крео, Сайты, Софты, Дизайн 
16:39 Publify.live- автоматическое копирования контента с TikTok, Twitter, Telegram в ваши Telegram каналы 
16:04 Johnny.Do | Обмен криптовалют с круглосуточной техподдержкой 
15:59 Напишем статью с вашими ссылками на кулинарном сайте 
15:27 ProtonPlus.co - выгодный и быстрый обмен, работаем круглосуточно 
15:09 Ural-obmen.ru — выгодный сервис обмена 
23:32 Курс доллара упал ниже 85 рублей 
23:31 Википедию могут заблокировать 
21:44 ФАС сделала замечания "Яндекс Такси" из-за цен 
21:40 С юмором по жизни! 
19:02 Лазерная коррекция зрения 
13:25 Илон Маск подал в суд на OpenAI и основателя компании Сэма Альтмана 
11:26 150+ хакерских поисковых систем и инструментов