Каскадные таблицы стилей (Cascading Style Sheets) рассматривают HTML-документ как структурированную совокупность типовых элементов, каждому из которых противопоставляется стиль оформления. Таким образом, стиль понимается как совокупность правил оформления (форматирования и отображения) текста в документах.
Каждое правило может применяться в указанном разработчиком месте к заданным элементам. В правиле задается объект, к которому стиль применяется, а затем следует описание составляющих стиль компонентов: цвет и размер шрифта, выравнивание и так далее.
Использование стилей позволяет:
- отделить содержание оформляемой части документа от ее представления. Тем самым достигается универсальность Web-документа, который будет адекватно (но не идентично) воспроизводиться на экранах мониторов, на дисплеях мобильных телефонов, в аудиоброузерах и других аналогичных устройствах. Каждое из устройств при этом будет использовать свои таблицы стилей для представления содержания;
- изменять стиль оформления нескольких документов одновременно при изменении нескольких правил стиля. Это означает, что изменяя содержимое файлов таблиц стилей, можно без прямого редактирования изменить оформление всех документов HTML, к которым подключены эти файлы;
- использовать значительно большие возможности оформления при проектировании Web-сайтов.
Общие таблицы стилей для нескольких документов HTML. Таблицы стилей в этом случае применяются для оформления множества документов, расположенных на одном сервере. При этом выполняется подключение файлов таблиц стилей к документам HTML. Имя файла таблицы стилей должно иметь вид *.css, то есть используются файлы с расширением css.
Общие таблицы стилей могут использоваться одновременно не на одном, а на нескольких серверах WWW, так как можно подключать таблицы стилей, указывая их стандартный адрес URI. Это позволяет создавать и изменять корпоративные таблицы стилей.
Встраивание таблиц стилей в документы HTML. Если отдельные документы HTML должны быть оформлены особым образом, отличным от того, что задан в общих таблицах стилей, можно встроить таблицы стилей непосредственно в HTML-документ. Такие таблицы называются встроенными.
При изменении таблицы стилей для всего сервера необходимо редактировать содержимое всех документов, имеющих встроенные таблицы стилей. Это оказывается плохо реализуемым мероприятием при большом количестве документов. Кроме того, стили, встроенные в HTML-документ, могут конфликтовать с общими таблицами стилей. В этом случае броузер отдает предпочтение встроенным таблицам стилей.
Встраивание стилей в операторы HTML. Этот способ аналогичен предыдущему, только стиль записывается непосредственно в элемент (оператор) HTML. Методу присущи те же недостатки, что и в предыдущем случае. При возникновении конфликтов стилей предпочтение имеет стиль встроенный в оператор.