Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 54 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

<I>Это курсив</I> и это тоже <EM>курсив</EM>
Последняя строка определяет стиль отображения вложенного в гипертекстовую ссылку курсива:
<A NAME=empty><I>intuit</I></A>
В данном случае переопределение состоит в том, что текст отображается внутри гипертекстовой ссылки перечеркну-
тым, причем жирным шрифтом.
3.3.2. Селектор – имя класса
Имя класса не является каким-либо стандартным именем элемента HTML-разметки. Оно определяет описание класса эле-
ментов разметки, которые будут отображаться одинаково. Для того чтобы отнести элемент разметки к тому или иному классу,
нужно воспользоваться его атрибутом CLASS:
<STYLE>
.test {color:white;background-color:black;}
</STYLE>
...
<P CLASS="test">
Этот параграф мы отобразим белым цветом по черному фону
</P>
...
<P>
Эту <A CLASS="test">гипертекстовую ссылку</A>
мы отобразим белым цветом по черному фону.
</P>
Рис. 25
Таким образом, в любом элементе разметки можно сослаться на описание класса отображения. При этом совершенно
необязательно, чтобы элементы разметки были однотипными. В примере к одному классу отнесены и параграф, и гипертек-
стовая ссылка в другом параграфе.
Лидирующую точку в имени класса можно опустить. Она задается из соображений сохранения единства описания. На-
пример, можно определить классы отображения однотипных элементов разметки:
a.menu { color:red;background-color:white; text-decoration:none; }
a.paragraph { color:navy; text-decoration:underline; }
В данном примере класс гипертекстовых ссылок menu имеет одно описание стиля, а класс гипертекстовых ссылок
paragraph – совершенно другое. При этом каждый из этих классов нельзя применить к другим элементам разметки, на-
пример, параграфу или списку. Если имя элемента разметки не задано, это означает, что класс можно отнести к любому эле-
менту разметки – корневой класс описания стилей. Это очень похоже на обозначение имени корневого домена в системе до-
менных имен. Собственно ничего удивительного здесь нет, так как система классов объектов на HTML-странице представ-
ляет собой дерево. Элементы разметки – это узлы дерева.
3.3.3. Селектор – идентификатор объекта
Объектная модель документа (Document Object Model) описывает документ как дерево объектов. Объектами являются: сам
документ, его разделы (элемент DIV), картинки, параграфы, приложения и т.п. Каждый из объектов можно поименовать и об-
ращаться к нему по имени. Данная возможность используется при программировании страниц на стороне клиента.
Применение идентификатора объекта оправдано еще и в случае модификации атрибута описания стиля для данного
объекта в его CSS-описании. Вместо двух описаний классов, которые отличаются только одним из параметров, можно соз-
дать одно описание класса и описание идентификатора объекта. Описание стиля для объекта задается строкой, в которой
селектор представляет собой имя этого объекта с лидирующим символом "#":
a.mainlink { color:darkred; text-decoration:underline; font-style:italic; }
#blue { color:#003366 }
...

Страницы