задний план

Вот немногое из того, что может CSS

Кроме отделения содержания документа от формы представления, данный пример является наглядной демонстрацией многослойного HTML документа. Данный документ содержит два слоя, размещение которых описаны при помощи ID селекторов CSS в глобальной таблице стилей.

Первым слоем документа является графическое изображение, заданное в теге <IMG> c атрибутом ID равным ID селектору - layout1. Стиль данного элемента (размер и положение на странице) заданы свойствами CSS в ID селекторе - layout1.

Элементами второго слоя, являются все текстовое ссодержимое документа: вышепреведенный заголовок, содержимое абзацев, линия разделитель и строка содержащая ссылку на адрес вебмастера. Положение данного слоя на странице описано в ID селекторе - layout2, кроме этого т.к. данный слой является элементов тела документа, то его содержимое наследует свойства элементов тела документа, заданные в глобальной таблице стилей. Обратите внимание как меняется стиль выделения ссылки, заданный псевдоклассами элемента <А>, при ее выделении указателем и активизации.

Желаю успеха в изучении CSS !


© 2001 Вебмастер Связаться с вебмастером