Применение каскадных таблиц стилей (CSS)


Элемент STYLE


Применение элемента STYLE — это основной способ внедрения каскадных таблиц стилей в ткань HTML-документа. Помимо управления отображением элементов разметки, элемент STYLE позволяет описывать стилевые свойства элементов, которые можно изменять при программировании на JavaScript.

Элемент STYLE дает возможность определить стиль отображения для:

  • стандартных элементов HTML-разметки;
  • произвольных классов (селектор   CLASS);
  • НTML-объектов (селектор   ID).

К сожалению, работа с селекторами в браузерах различных производителей может преподносить различного рода сюрпризы. Особенно это касается селектора   ID. В данном случае мы будем рассматривать Microsoft как держателя патента на спецификацию CSS.

Понятие селектора, применение селекторов и формальный синтаксис CSS мы обсудим в разделах "Синтаксис" и "Наследование и переопределение".

Стандартные элементы разметки описываются в элементе STYLE следующим образом:

<HEAD> <STYLE> p { color:darkred;text-align:justify; font-size:8pt; }</STYLE> </HEAD> <BODY> ... <P> Этот параграф мы используем как пример применения описания стиля для стандартного элемента HTML-разметки. </P> ... </BODY>

Теперь все параграфы документа будут отображаться стилем из элемента STYLE, если только стиль не будет каким-либо способом переопределен. В STYLE можно определить стиль любого элемента разметки.



Содержание раздела