Каскадные таблицы стилей
Динамический HTML (DHTML) является дальнейшим развитием языка HTML, добавляет к HTML набор средств, позволяющих определять внешний вид документа и управлять слоями. При создании Web-страниц с помощью средств DHTML у разработчика появляются дополнительные возможности.
- возможно детальное форматирование документов HTML с помощью каскадных таблиц стилей;
- использование фильтров позволяет добавлять на страницу мультимедийные эффекты и т.д.
Детальное форматирование документов HTML возможно при использовании технологии каскадных таблиц стилей (Cascade Style Sheet – CSS). Таблицу стилей можно рассматривать как набор правил, которые управляют форматированием тегов в Web-документе. В свою очередь любое правило каскадных таблиц стилей состоит из двух частей: селектора и определения. Селектором может быть любой тег HTML, для которого правило определяет, каким образом его необходимо форматировать. Само определение так же состоит из двух частей: свойства и значения, разделенных знаком двоеточия.
Пример:
H3 {color: silver}, где H3 – это селектор,
{color: silver} – определение (color – свойство, silver – значение)
Таблица стилей связывается с документами различными способами:
- связывание – используется одна таблица стилей для форматирования одной или нескольких страниц HTML;
- встраивание – правила задаются в теге документа и позволяют изменять форматирование конкретных элементов страницы;
- импортирование – встраивание в документ таблицы стилей, расположенной на сервере;
- внедрение – задаются правила таблицы стилей непосредственно в самом документе.
Связывание таблицы стилей с документом
Для связывания таблицы стилей и документа следует использовать тег <LINK>, задаваемый в разделе <HEAD> документа
<LINK REL= “STYLESHEET” type= “text/css” href= “Tabl.css”>
В файле с именем Tabl.css задается таблица каскадных стилей, определяющая формат того документа, с которым она будет связана:
BODY {background-color: yellow}
H3 {text-align: center}
P {color: blue}
Правила предписывают определить желтый цвет фона для всего документа, заголовок третьего уровня расположить по центру, цвет шрифта в документе синий. Разрешено использовать цветовую модель RGB.