CSS

Введение

Таблицы стилей были введены и используются для облегчения оформления и сопровождения документов HTML.

Таблицы стилей позволяют отделить содержание WEB документов от их оформления. Таблицы стилей поддерживаются большинством используемых в настоящее время браузеров. Полная поддержка CSS реализована в IE 4.0 и Netscape Navigator 4.0. Однако эта реализация несколько отличается в деталях. Другие браузеры будут отображать страницы, созданные с использованием CSS, возможно, без использования оформления указанного в таблицах стилей.

Для тех, кто достаточно поработал с текстовыми процессорами, такими как WinWord, таблицы стилей покажутся знакомыми. Действительно, сначала определяется стиль, а затем он применяется для форматирования текста простой ссылкой на этот стиль.

Например:
Определим стиль

P { color : #FF0000 }

теперь в документе весь текст, определенный как параграф (т.е. находится между <p> и </p>), будет отображаться указанным (красным) цветом.

Существует несколько различных способов применения стилей к документу:

Использование тега <link> для присоединения внешней, сохраненной в отдельном файле таблицы стилей.
Использование тега <style> внутри тега <head> для определения стилей для данного документа.
Применение механизма @import.
Использование атрибута Style внутри других тегов, для определения локальных (внедренных), применяемых к конкретному тексту стилей.

Последний из перечисленных способов, однако, применять не рекомендуется. Поскольку в этом случае снова происходит смешивание данных и оформления этих данных. А как уже было сказано, CSS вводились как раз для того, чтобы разделить данные и оформление.

Существует несколько десятков свойств CSS которые можно применять к различным (или всем) элементам.

Полное описание текущей редакции Cascading Style Sheets (CSS) всегда можно найти на http://www.w3.org/pub/WWW/Style/.

Вернуться к оглавлению