Кроме отделения содержания документа от формы представления, данный пример является наглядной демонстрацией многослойного HTML документа. Данный документ содержит два слоя, размещение которых описаны при помощи ID селекторов CSS в глобальной таблице стилей.
Первым слоем документа является графическое изображение, заданное в теге <IMG> c атрибутом ID равным ID селектору - layout1. Стиль данного элемента (размер и положение на странице) заданы свойствами CSS в ID селекторе - layout1.
Элементами второго слоя, являются все текстовое ссодержимое документа: вышепреведенный
заголовок, содержимое абзацев, линия разделитель и строка содержащая ссылку на адрес вебмастера.
Положение данного слоя на странице описано в ID селекторе - layout2, кроме этого
т.к. данный слой является элементов тела документа, то его содержимое наследует свойства
элементов тела документа, заданные в глобальной таблице стилей. Обратите внимание как меняется
стиль выделения ссылки, заданный псевдоклассами элемента <А>, при ее выделении указателем и активизации.
Желаю успеха в изучении CSS !
© 2001 Вебмастер