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

htmlteacher.narod.ru/css.html

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

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

<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=...}