Технология, назывемая каскадными таблицами стилей (Cascading Style Sheets, CSS) предназначена для того, чтобы параметры внешнего вида HTML-документа были отделены от дескрипторов, определяющих его структуру. Это особенно удобно при форматировании в общем стиле большого количества документов, так как избавляет разработчика от необходимости отслеживать и устанавливать в каждом документе по отдельности дескрипторы, отвечающие за шрифты и отступы, цвета и выравнивание и т.д. Кроме того, таблицы стилей обеспечивают произвольное позиционирование элементов и создание визуальных эффектов.
Таблица стилей разрабатывается отдельно от документа, а затем применяется к нему. Изменяя содержимое таблицы стилей можно изменить внешний вид документов, не затрагивая их структуры и информационного содержания. Одна таблица может применяться ко многим документам, и к одному документу может быть применено несколько таблиц. В последнем случае браузер выстраивает таблицы каскадом - в зависимости от приоритетов (см. ниже).
CSS содержит наборы стилевых параметров, имеющих следующий вид:
Применить таблицу стилей к HTML-документу возможно, связав ее с ним или встроив в этот документ. для этого существуют следующие способы:
Вставка непосредственно в HTML-документ. При этом правила таблицы стилей заключаются в контейнер Вставка в элемент. В этом случае набор параметров стиля в виде строки без фигурных скобок присваивается в качестве значения атрибута style тега того элемента, к которому применяется. Например: Импорт. Таблица стилей вставляется в документ из внешнего файла (текстовый файл с расширением .css). Оператор @import используется перед другими правилами таблицы стилей в контейнере style или в css-файле. Пример: Связывание с таблицей стилей в файле - использование ссылки на файл таблицы стилей с помощью тега , помещаемого в контейнер . Пример: Таким образом, если требуется применить таблицу стилей к многим документам, используют импорт или связывание, к одному (или изменить в одном документе некоторые параметры, заданные через импорт или связывание) - с помощью тега Заголовок курсивомЗаголовок подчеркнутый
Вставка в элемент. В этом случае набор параметров стиля в виде строки без фигурных скобок присваивается в качестве значения атрибута style тега того элемента, к которому применяется. Например:
Импорт. Таблица стилей вставляется в документ из внешнего файла (текстовый файл с расширением .css). Оператор @import используется перед другими правилами таблицы стилей в контейнере style или в css-файле. Пример:
Связывание с таблицей стилей в файле - использование ссылки на файл таблицы стилей с помощью тега , помещаемого в контейнер . Пример:
Таким образом, если требуется применить таблицу стилей к многим документам, используют импорт или связывание, к одному (или изменить в одном документе некоторые параметры, заданные через импорт или связывание) - с помощью тега
Для гиперссылок, задаваемых тегом существуют так называемые псевдоклассы стилей:
a: link - неиспользованная ссылкаa: vizited - использованная ссылкаa: active - активная ссылкаa: hover - ссылка, на которой находится указатель мыши.
Используются псевдоклассы так:
Существуют также абстрактные классы, которые могут быть применены к любому тегу: ...Текст Обратите внимание на точку перед именем класса в контейнере
