Что такое технология CSS-спрайтов

Автор：Eve Cole Время обновления：2022-05-27 09:21:36

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

2. Непосредственно используйте такие атрибуты, как фоновое положение, чтобы точно найти необходимую часть фона.

Пример

 

<голова>
<мета-кодировка="UTF-8">
Название

<тело>
<дел>

<стиль> .box интервал { отображение: встроенный блок; } .j { фон: url("abcd.jpg") без повтора -389px -141px; ширина: 102 пикселей; высота: 112 пикселей; } .w { фон: URL("abcd.jpg") без повтора -117px -560px; ширина: 135 пикселей; высота: 112 пикселей; } .т { фон: URL("abcd.jpg") без повтора -368px -417px; ширина: 102 пикселей; высота: 112 пикселей; }

Вышеупомянутое представляет собой введение в технологию CSS-спрайтов. Надеюсь, оно будет полезно всем.