Webice.Ru - социальная сеть для блоггеров

«    Январь 2021    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Webice.Ru - социальная сеть для блоггеров » Разработка » Cписки на CSS с использованием PNG-спрайтов
 

 Cписки на CSS с использованием PNG-спрайтов


Списки нужны всем. Они есть на любом сайте.
Поэтому все должны знать основы: как сделать списки, у которых вместо циферок и стандартных маркеров (квадратиков/кружочков) – изображения. Метод PNG-спрайтов самый распространённый. В этом посте будет описана базовая механика работы со списками. Никаких свойств CSS3 и шрифтовых иконок. Только старые добрые PNG-изображения.
В этом примере как раз и сделаем список, у которого вместо маркеров будут фоновые изображения. Фоновые изображения мы возьмём из вот такого спрайта:



Также webice рекомендует:
    Списки в CSS
    В этом видеоуроке мы поговорим про списки в CSS. Списки на практике используются достаточно много, поэтому эти свойства нужно запомнить. Первое свойство это внешний вид маркеров. Маркеры могут быть ра ...

    Фиксация фонового изображения
    Давайте сегодня поговорим про фоновые изображения в css, а именно про фиксацию фонового изображения.Предположим, что у нас есть изображение, которое должно быть прижато к левому краю браузера и должен ...

    Как бесплатно сжать все изображения на сайте в два клика?
    Онлайн сервисов и программ, которые позволяют уменьшить размер изображения достаточно много. Но что делать, если, Вам необходимо сжать все изображения на сайте? Для этих целей можно использовать серви ...

Читать далее
0
Просмотров: 457 Обсудили: 0
Информация
Гости не могут оставлять комментарии в данной новости, зарегистрируйтесь или авторизуйтесь на сайте.
 
Логин:
Пароль:

Добро пожаловать!

Вы вошли как гость, рекомендуем Вам авторизироваться либо пройти процесс регистрации. Если Вы забыли пароль, то Вы можете его восстановить.
Полезные инструменты