Пользователи, привыкшие работать в текстовых редакторах, при создании Web-страниц, несомненно, хотели бы получить широкие возможности по форматированию и стилизации документа в других программах.

Однако, язык HTML предназначен только для структуризации документа, но не для создания его стиля.

Несмотря на это, разработчики обозревателей предлагают дескрипторы, позволяющие задать стиль отдельным объектам HTML-документа.

Примером такого дескриптора может стать элемент, позволяющий определить шрифт текста.

Смешивание стилевой информации со структурной приводит к ухудшению кросс-платформенности HTML-документов, так как они привязываются только к определенному устройству вывода информации (чаще всего это монитор компьютера).

Консорциум W3C предложил отделить стилевую информацию от структурной путем создания специальных таблиц стилей.

Новая технология называется каскадными таблицами стилей (CSS Cascading Style Sheets). В таблицу стилей заносятся стилевые правила отображения элементов документа. Таким образом, теперь можно создать отдельные таблицы стилей для разных устройств отображения, используя при этом один и тот же источник данных. При запросе страницы определяется, какой тип устройства отображения используется, в результате подставляется соответствующая таблица стилей и документ на экране выглядит корректно.

Создать стилевое правило несложно. С его помощью можно быстро сменить стиль всего документа.

Рассмотрим следующий пример. Предположим, все абзацы текста <р> в документе необходимо окрасить в синий цвет и выровнять по ширине страницы. Для этого для каждого элемента <р> следует добавить дескриптор . В результате код фрагмента страницы будет выглядеть следующим образом:

<font color=»blue»xp align=»justify»> Текст абзаца</р></font>

Теперь представьте себе, что перед вами огромный документ на сотни страниц с огромным количеством абзацев. Вам придется просмотреть весь код и вручную вставить все необходимые дескрипторы. После этого заказчик потребовал сменить цвет с синего на коричневый…

Таблицы стилей позволяют изменить весь документ с помощью одного небольшого стилевого правила, которое для нашего примера выглядело бы следующим образом:

{color: blue; text-align: justify;}

Это правило можно поместить в отдельную таблицу стилей и подсоединить ко всем необходимым HTML-документам. Если в будущем понадобится изменить, например, цвет текста, достаточно соответствующим образом изменить это стилевое правило, и все документы, к которым была подключена таблица стилей, будут автоматически обновлены.

Еще совсем недавно таблицы стилей были не слишком распространены, хотя спецификация CSS вышла еще в 1996 году. Такая ситуация сложилась из-за неполной или непоследовательной поддержки CSS-стилей разработчиками Web-обозревателей.

Однако теперь в таких обозревателях, как Internet Explorer 6.0, Netscape Navigator 7.0, Opera 7.0 и их последующих версиях, технология CSS поддерживается в полном объеме, поэтому можно смело использовать.

Ответить

четыре × два =