Особенности использования стилей в web

Каскадные таблицы стилей (CSS, Cascade Style Sheet) являются достаточно новой технологией в web-дизайне. Являясь аналогами стилей в программах верстки и мощных текстовых процессорах, они позволяют авторам использовать типографские приемы определения представления и размещения к элементам на web-странице.

Основным препятствием для широкого использования стилей CSS является проблема поддержки со стороны броузеров. С выходом новых версий ситуация изменяется в положительную сторону, поэтому при надлежащем тестировании продуманное использование стилей CSS является оптимальным способом определения внешнего представления web-страницы.

Таблицы стилей состоят из набора правил, описывающих формат представления элементов документа. Правило представляет собой объявление способа отображения элементов страницы, и записывается в следующем формате:

Селектор {правило: значение; правило: значение; …}

Селектор служит для идентификации элемента, на который будет оказывать воздействие правило. В фигурных скобках перечисляются команды управления стилем или отображением этого элемента. Они состоят из свойства и значения, отделенных друг от друга символом двоеточия, за которым следует пробел. Свойство – это параметр стиля, который может быть задан (например, гарнитура шрифта, цвет, размер и т.п.). Описание стиля может содержать несколько пар свойство/значение, отделенных друг от друга точкой с запятой.

Следующий пример содержит правило для всех заголовков документа 1-го уровня. Они будут выведены шрифтом размером 12 пунктов, гарнитура Verdana или sans-serif и красным цветом.

H1 { font-size: 12pt; font-face: Verdana, sans-serif; color: red; }