Глава 14. Таблицы стилей_________________________297

Задание стиля для отдельного фрагмента документа

Вы можете определять стиль, что называется, "на лету", оперативно внося требуемые изменения. Например, если вы определили стиль документа с заголовком одного цвета, а потом решили выделить цветом какой-то элемент заголовка, вы можете это сделать внутри тэга заголовка, не изменяя общий стиль документа.

Такой метод действует внутри тэга, где определен или переопределен стиль при помощи атрибута STYLE. Он поддерживается всеми подчиненными тэтами тэта <BODY>. Для оперативного определения стиля добавьте к нужному тэгу атрибут STYLE и присвойте ему строковое значение, указывающее новый стиль:

<Н1 STYLE="color:blue">

( Примечание^)

Если оперативное указание стиля в строке вступает в конфликт с другими методами определения, оно всегда "берет верх". Например, если вы определили при помощи связанного с документом файла стиля цвет заголовка HI как синий, а в самом тэге заголовка изменили цвет на красный, браузер выведет этот заголовок . шрифтом красного цвета.

Используя атрибут STYLE с тэгом <DIV>, можно определять стиль части документа, расположенной в контейнере <DIV>. Это работает благодаря принципу "наследования", с которым вы познакомитесь ниже в этой главе. Например, если вы хотите установить цвет шрифта для целого блока тэгов синим, вы можете расположить эти тэги внутри контейнера <DIV>и определить цвет шрифта текста следующим образом:

<DIV STYLE="color:blue">

<Hl>This is a heading</Hl>

<P>This is a paragraph. It will look blue in the user's browser</P>

</DIV>

Для изменения стиля нескольких слов или даже символов можно использовать атрибут STYLE совместно с тэгом <SPAN>, например:

This is a <SPfiN STYLE="color:blue">simple</SPAN>block of text

Предупреждение

He используйте оперативный метод определения стиля слишком часто. В противном случае код вашего HTML-документа быстро станет трудновоспринимаемым. Не забывайте о главном преимуществе таблиц стилей — разделении форматирования и содержания.

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