CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Печать

большое преимущество, когда придет время сделать переход к Всемирной паутине на базе XML.

Итак, для начала очень важно понимать, как связаны друг с другом CSS и структура документа, CSS позволяют полностью изменить облик документа, но их возможности не безграничны. Начнем с изучения базовой терминологии*

Элементы

Элементы (elements) - это основа структуры документа. Нетрудно понять, какие элементы более всего используются в HTML:р, table, span, а и div. Каждый элемент документа играет определенную роль в его представлении. В терминах CSS (по крайней мере, для CSS2.1) это означает, что каждый элемент генерирует блок, в котором находится содержимое элемента.

Замещаемые и незамещаемые элементы

CSS определяется элементами, но не все элементы создаются одинаково* Например, изображения и абзацы - это элементы разных типов, так же как span и div* В CSS элементы разделяются на замещаемые и незамещаемые. Эти два типа элементов подробно обсуждаются в главе 7, где структуры блоков рассматриваются детально, а здесь я лишь вскользь коснусь их.

Замещаемые элементы

Замещаемыми (replaced) называются те элементы, содержимое которых замещается чем-то, что не содержится непосредственно в документе. Наиболее очевидный пример из XHTML - элемент img, замещаемый файлом изображения, который является внешним по отношению к документу* Кстати, img фактически не имеет содержимого, как видно из простого примера:

<img src="*howdy,gir* />

Этот фрагмент разметки не имеет реального содержимого, а только имя элемента и атрибут. Данный элемент ничего не представляет, пока вы не укажете на внешнее содержимое (в данном случае изображение, заданное атрибутом src). Элемент input замещается кнопкой, переключателем или полем ввода текста в зависимости от его типа. Замещаемые элементы также генерируют блоки в своем визуальном представлении*

Незамещаемые элементы

Основная масса элементов HTML и XHTML - незамещаемые (попге-place able). Это означает, что их отображаемое агентом пользователя (обычно броузером) содержимое находится внутри генерируемого эле