11. Каскадные таблицы стилей. Связные (внешние) таблицы стилей.

http://htmlteacher.narod.ru/css.html

есть 3 метода добавления стилей в документ:

3. Таблицы связных стилей. В этом случае стиль определяется в отдельном файле...

<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">

Есть 2 типа селектора простой и контекстуальный.

простой связывает на основе его типа или атрибутов независимо от контекста (местоположения) этого элемента относительно других элементов.

Контекстуальные селекторы могут связывать правила представления с контейнером определённого элемента.

Примеры простого селектора

h1{правило}

…

<h1>

.special {font-weight:bold}

...

<p class=special>

#zzz {color:red}

...

<p id='zzz'>

Контекстуальные селекторы определяют иерархию контейнеров.

div p {color:red>

…

<div>

<p>red

</div>

<p>auto color

.special cool{....}

<LI>

<p class=special>

<LI>

<p>

<LI class=special>

<p>

<LI class=special id=cool>////////

можно перекрыть область действия селектора следующим образом: правило для конкретного селектора откидывает правила для более конкретного селектора. Правила определённые ниже в исходной таблице стилей или документе имеют более высокий приоритет.

Псевдокласс — состоит из элементов одного типа, который удовлетворяет критерием одного типа. Пример — все просмотренные ссылки. visited{...} .visited .active link

Свойства

visibility=hidden, - прозрачно или не прозрачно

display=no|yes — показывать или не показывать.

Индивидуальные шрифты

font-face{font-family:название шрифта,... src=...}

12. Объектная модель документа. Интерфейсы Core dom2.

http://www.arininav.ru/js/dhtml02.htm#ref422

DOM 2 Core представляет XML-документы в виде деревьев, состоящих из узлов, которые, в свою очередь, также являются объектами и реализуют более специализированные интерфейсы. Одни типы узлов могут иметь детей, т. е. сами являться поддеревьями, другие являются листьями, т. е. детей не имеют. В следующей таблице сведены все возможные типы узлов абстрактного документа; для каждого типа узлов перечислены те узлы, которые могут быть его детьми.

Интерфейс	Описание	Дети
Document	Документ	Element (не более одного), ProcessingInstruction, Comment, DocumentType (не более одного)
DocumentFragment	Фрагмент документа	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
DocumentType	Тип документа	детей не имеет
EntityReference	Ссылка на раздел	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
Element	Элемент	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
Attr	Атрибут	Text, EntityReference
ProcessingInstruction	Директива XML	детей не имеет
Comment	Комментарий	детей не имеет
Text	Текст	детей не имеет
CDATASection	Секция CDATA	детей не имеет
Entity	Раздел	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
Notation	Нотация	детей не имеет

Кроме того, DOM 2 Core содержит спецификацию интерфейсов NodeList (упорядоченные списки узлов, доступных по номеру в списке) и NamedNodeMap (неупорядоченные списки узлов, доступных по своему имени). Эти объекты являются живыми, т. е. любое изменение документа автоматически влечет изменение всех связанных с ним списков.

Интерфейсы Text, Comment и CDATASection являются потомками интерфейса CharacterData.

Следует подчеркнуть, что DOM 2 Core содержит два набора интерфейсов, каждый из которых обеспечивает полный доступ ко всем элементам документа. Первый набор представляет объектно-ориентированный подход со следующей иерархией наследования: документ — составляющие его элементы — их атрибуты и текстовое содержимое. При таком рассмотрении дерева документа мы говорим о иерархии объектов. Второй подход построен по принципу "все есть узлы (Nodes)". Здесь все составляющие документа рассматриваются как равноправные узлы его дерева, и мы можем говорить только о иерархии узлов. Таким образом, DOM 2 по своей сути является избыточной, но предоставляет нам возможность в зависимости от задачи рассматривать документ тем или иным способом.

Все интерфейсы DOM 2 Core подразделяются на основные (fundamental) и дополнительные (extended). Основными являются интерфейсы DOMException, DOMImplementation, DocumentFragment, Document, Node, NodeList, NamedNodeMap, CharacterData, Attr, Element, Text и Comment. Эти интерфейсы должны поддерживаться всеми реализациями DOM, как для XML-, так и для HTML-документов. Дополнительные интерфейсы ориентированы на XML-документы, поэтому реализации DOM для HTML могут их не поддерживать. К ним относятся CDATASection, DocumentType, Notation, Entity, EntityReference и ProcessingInstruction.