Включение стилей в HTML-дескрипторы
Правила форматирования каскадных списков стилей можно применять как к одной отдельной Web-странице (путем внедрения правил на страницу), так и для всех страниц Web-сайта (за счет связывания или импортирования файлов списков стилей в HTML-документы). Тем не менее, в некоторых случаях инструкции форматирования могут применяться только для конкретного элемента Web-страницы (например, для одного абзаца или заголовка), что не требует создания общего правила списка стилей для всех элементов данного типа.
Предположим, например, что для одного заголовка второго уровня необходимо ввести абзацный отступ 1.5 дюйма и вывести его шрифтом белого цвета на синем фоне. Для задания правила списка стилей, которое будет применяться только для одного конкретного дескриптора, в дескрипторе указывается атрибут style, определяющий правило форматирования в виде <дескриптор style="css-oпpeдeлeния">. Таким образом, для рассматриваемого случая HTML-дескриптор <h2> должен выглядеть следующим образом:
<html>
<head>
<title>Встроенные стили</title>
</head>
<body>
<h2 style="text-indent:1.5in; background:blue; color:white"> Текст этого заголовка выводится шрифтом белого цвета на синем фоне, с отступами в 1.5 дюйма.</h2>
<h2>A это нормальный дескриптор заголовка.</h2>
</body>
</html>
Как видно из примера, атрибут style используется в HTML-дескрипторе для указания правила форматирования для данного конкретного дескриптора. Здесь правило форматирования применяется только к заголовку уровня 2, в дескриптор которого было вставлено правило списка стилей. Таким образом, Web-браузер для всех дескрипторов заголовка уровня 2, за исключением дескриптора с правилом форматирования, будет применять форматирование по умолчанию.
Использование атрибута style для применения заданного стиля форматирования для одного HTML-дескриптора представляет собой средство контроля форматирования текста дескриптора. Недостатком включения стилей в HTML- деркрипторы является необходимость вставки одного и того же кода для всех дескрипторов, к которым должен применяться один и тот же стиль форматирования. Более того, изменение стиля в одном дескрипторе оказывает влияние только на один элемент Web-страницы. Например, если на странице содержатся три абзаца со встроенными стилями, для изменения цвета текста во всех трех абзацах с черного на зеленый необходимо внести соответствующие изменения в дескрипторы <p> каждого абзаца.