9.2. Генерируемое содержимое

9.2. Генерируемое содержимое

В некоторых случаях у вас может возникнуть необходимость в том, чтобы браузер пользователя отображал на экране содержимое, которое не принадлежит так называемому «дереву» HTML-документа. Хорошим примером может служить нумерованный список. Без сомнения, вам не захочется вводить числа нумерации вручную. Ведь если список довольно большой, а вам вдруг необходимо добавить элемент в его начало, то придется менять всю нумерацию. Не правда ли, будет гораздо удобнее, если браузер будет генерировать нумерацию автоматически? Согласитесь, также гораздо удобнее работать с большими страницами, если, к примеру, браузер сам добавляет слово «Рисунок» и номер рисунка перед его названием или, например, вставляет надпись «Глава 9.» перед заголовком девятой главы.

Хотя это может показаться нелепым, но в отличие от HTML CSS предоставляет средства для решения данных проблем.

С помощью CSS можно генерировать содержимое несколькими способами:

• с использованием свойства content в сочетании с псевдоэлементами: before и: after;

• с использованием элементов, свойство display которых принимает значение list-item.

Подробно рассмотрим все возможности CSS по генерации содержимого и начнем с использования свойства content.

Данный текст является ознакомительным фрагментом.



Поделитесь на страничке

Похожие главы из других книг:

4. Преобразовывая содержимое

Из книги автора

4. Преобразовывая содержимое Как и CSS-переходы, CSS-трансформации были изначально разработаны командой WebKit, и затем их включили в два отдельных рабочих черновика W3C:1. CSS 2D-преобразования (http://www.w3.org/tR/Css3-2d-transforms/);2. CSS 3D-преобразования (http://www.w3.org/tR/Css3-3d-transforms/).В этой книге мы


ГЛАВА 18. Генерируемое содержимое 

Из книги автора

ГЛАВА 18. Генерируемое содержимое  В предыдущей главе мы познакомились с одной из самых передовых интернет-технологий, применяемых в Web-дизайне, — подгружаемым содержимым. И, как оказалось, подгружать только часть содержимого Web-страницы значительно выгоднее, чем


Введение в генерируемое содержимое. Базы данных

Из книги автора

Введение в генерируемое содержимое. Базы данных Генерируемое содержимое Web-страницы, как следует из определения, — это фрагменты ее содержимого, которые не описываются в HTML-коде, а создаются программно, особым Web-сценарием. Содержимое может генерироваться как при


Содержимое заголовков

Из книги автора

Содержимое заголовков Теперь, после рассмотрения структуры системных объектов и их отображения на сегменты памяти можно перейти к рассмотрению содержимого заголовков сегмента и ЕРА. Как мы видели на рисунке 5.6, заголовок сегмента занимает первые 32 байта каждого


ГЛАВА 18. Генерируемое содержимое

Из книги автора

ГЛАВА 18. Генерируемое содержимое В предыдущей главе мы познакомились с одной из самых передовых интернет- технологий, применяемых в Web-дизайне, — подгружаемым содержимым. И, как оказалось, подгружать только часть содержимого Web-страницы значительно выгоднее, чем


Введение в генерируемое содержимое. Базы данных

Из книги автора

Введение в генерируемое содержимое. Базы данных Генерируемое содержимое Web-страницы, как следует из определения, — это фрагменты ее содержимого, которые не описываются в HTML-коде, а создаются программно, особым Web-сценарием. Содержимое может генерироваться как при


Содержимое списков

Из книги автора

Содержимое списков Для формирования содержимого некоторых списков стандартных диалогов Windows используется ряд стандартных параметров (о ветвях, используемых для формирования списков стандартных диалогов, будет рассказано чуть позже). Эти параметры создаются в дочерних


Содержимое шаблонов безопасности

Из книги автора

Содержимое шаблонов безопасности Все шаблоны безопасности содержат следующие разделы: Политики учетных записей, Локальные политики, Журнал событий, Группы с ограниченным доступом, Системные службы, Реестр и Файловая система. Вкратце рассмотрим каждый из этих


Форматируем содержимое странички

Из книги автора

Форматируем содержимое странички Для того чтобы текст на наших страничках смотрелся красиво, его необходимо отформатировать. Для этого есть несколько тегов, вот ими сейчас и


6.1.14. Сортируем содержимое таблицы

Из книги автора

6.1.14. Сортируем содержимое таблицы Для выполнения задания нам понадобится материал разд. 5.1.13.ЗаданиеСоздать таблицу, приведенную на рис. 6.18. Отсортировать таблицу в порядке убывания номеров школ и для каждой школы в порядке убывания номера класса. Электронный вид


Содержимое компакт–диска

Из книги автора

Содержимое компакт–диска Прилагаемый к книге компакт–диск содержит демонстрационные версии большинства программ, описанных в издании. Они находятся в папке Programs, в которой, в свою очередь, созданы подпапки с номерами глав. В этих подпапках вы сможете найти следующие