На этом шаге мы рассмотрим использование параметра ID.
Параметр ID, как и параметр CLASS, не влияет на отображение браузером элемента HTML, он используется для задания имени элемента, которое может использоваться затем для ссылок на него в сценариях и таблицах стилей. Параметр ID можно применять к любому элементу документа.
Для определения такого имени его применяют в качестве селектора, перед которым ставится символ #:
<HTML>
<HEAD>
<TITLE>Пример использования параметра ID</TITLE>
<STYLE TYPE="text/css">
<!--
#par24 { letter-spacing: 10px; }
H1#form3 { color: red; background-color: blue;}
-->
</STYLE>
</HEAD>
<BODY>
<P ID=par24>Разреженные слова в абзаце</P>
<H1 ID=form2>Черный шрифт</H1>
</BODY>
</HTML>
Результат просмотра этого документа в браузере изображен на рисунке 1.
Рис.1. Иллюстрация использования параметра ID
В этом примере с абзац связан с именем par24 в параметре ID, поэтому к нему применимо правило с селектором #par24. Второе правило в таблице стилей должно применяться к заголовку первого уровня с идентификатором form3. Такого элемента в нашем фрагменте нет, и поэтому заголовок с именем form2 отображается с применением правила по умолчанию.
На следующем шаге мы рассмотрим контекстные селекторы.
