Уважаемые друзья и пользователи сайта ART-UCOZ!
Уведомляем вас о том, что мы приняли трудное, но обдуманное решение о закрытии проекта в качестве Интернет-магазина ART-UCOZ. С 05.11.2022 года сайт ART-UCOZ.RU продолжит работать в качестве каталога файлов, статей и информации. Будет закрыт только раздел интернет-магазина!
Все товары были перенесены в наш новый проект SHOPTHEMES - Vendor Marketplace (https://shopthemes.ru), над которым мы долго работали и продолжаем улучшать его в настоящее время.
Вас ждут: личный кабинет, возможность пополнения баланса на любую сумму, зачисление бонусов за посещение, перевод средств между пользователями, вывод средств (для продавцов), личный чат, больше новых цифровых товаров и многое другое.
Уведомляем вас о том, что мы приняли трудное, но обдуманное решение о закрытии проекта в качестве Интернет-магазина ART-UCOZ. С 05.11.2022 года сайт ART-UCOZ.RU продолжит работать в качестве каталога файлов, статей и информации. Будет закрыт только раздел интернет-магазина!
Все товары были перенесены в наш новый проект SHOPTHEMES - Vendor Marketplace (https://shopthemes.ru), над которым мы долго работали и продолжаем улучшать его в настоящее время.
Вас ждут: личный кабинет, возможность пополнения баланса на любую сумму, зачисление бонусов за посещение, перевод средств между пользователями, вывод средств (для продавцов), личный чат, больше новых цифровых товаров и многое другое.
Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!
Подобные просьбы и вопросы - будут игнорироваться!
Автоматическая нумерация с помощью CSS
Дата добавления: 09.10.2013 - 18:09
Категория: Уроки / Литература / Пособия
Добавил: Buger
Количество просмотров: 2.0k
Количество комментариев: 0
Рейтинг материала: 0.0 / 0
БЕСПЛАТНО
рейтинг
0.0
/
голосов
0
На самом деле, есть также несколько свойств в CSS2, что действительно полезно, но менее известнее, в том числе тот, который мы будем обсуждать в этом посте: CSS счетчик автоматической нумерации.
Как вы уже знаете, когда мы добавляем списки с элементом <ol>, то список нумеруются автоматически.
Итак, давайте посмотрим, как делается CSS счетчик автоматической нумерации.
Основы использования
CSS счетчик состоит из двух основных свойств:
Следующий код является основной, как число элементов <h1> с этими свойствами.
Этот код дает нам следующий результат.
Этот номер, который мы добавили в приведенном выше коде является "reset number”. Если он не объявлен, то он будет установлен по умолчанию на 0, и счет будет инициализировать с 1. Другими словами, сгенерированный номер будет инициализировать со следующего номера одного в
В результате получится следующее.
Это свойство может быть полезно только для конкретного типа веб-сайта, и вполне вероятно, что вы не будете использовать его каждый день.
Источник: http://hongkiat.com
Как вы уже знаете, когда мы добавляем списки с элементом <ol>, то список нумеруются автоматически.
Итак, давайте посмотрим, как делается CSS счетчик автоматической нумерации.
Основы использования
CSS счетчик состоит из двух основных свойств:
counter-reset и counter-increment.Counter-reset используется для сброса количества, в то время как counter-increment - в сочетании с псевдо-элементом - используется для добавления номера.Следующий код является основной, как число элементов <h1> с этими свойствами.
Код
body {
counter-reset: number;
}
h1:before {
counter-increment: number;
content: "counter(number) ";
}
counter-reset: number;
}
h1:before {
counter-increment: number;
content: "counter(number) ";
}
Этот код дает нам следующий результат.
В случае, если вы хотите, начать числа от конкретной точки, можно указать "reset number” таким образом.
Код
body {
counter-reset: number 1;
}
counter-reset: number 1;
}
Этот номер, который мы добавили в приведенном выше коде является "reset number”. Если он не объявлен, то он будет установлен по умолчанию на 0, и счет будет инициализировать с 1. Другими словами, сгенерированный номер будет инициализировать со следующего номера одного в
counter-reset. Так что, учитывая наш пример выше, отсчет начнется с 2.
Кроме того, вы также можете изменить тип номера, который указан в
content.Код
h2:before {
counter-increment: first;
content: counter(number, upper-roman) ". ";
}
counter-increment: first;
content: counter(number, upper-roman) ". ";
}
В результате получится следующее.
В завершении
Источник: http://hongkiat.com
Добавлять комментарии могут только зарегистрированные пользователи.
Поделись с друзьями: