CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Печать

Можно случайно получить «вложенные» комментарии, если временно закомментировать большой фрагмент таблицы стилей, уже содержащий комментарий. Поскольку в CSS вложенные комментарии не допускаются, «внешний» комментарий будет заканчиваться в точке окончания «внутреннего».

Если вы хотите поместить комментарии на одной строке с правилом, следует быть аккуратным. Например, здесь все правильно:

hi {color:gray;} Л Этот комментарий CSS растянулся на несколько строк, */ t)2 {color:silver;} /* но поскольку он размещается параллельно со */ р {color; white;} /* стилями, каждая строка должна быть */ pre {color:gray;} /* разграничена знаками комментариев. */

Если в этом примере не ограничивать комментарий на каждой строке, большая часть таблицы стилей станет частью комментария и поэтому не будет работать:

hi {color:gray;} /* Этот комментарий CSS растянулся на несколько h2 {color:silver;} строк, но поскольку он не разграничен р {color:white;} знаками комментариев, последние три pre {color:gray;} , стиля стали частью комментария. */

В этом примере только первое правило (hi {color:gray;}) будет применено к документу. Остальные правила "как часть комментария игнорируются механизмом визуализации броузера.

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

Подставляемые в строку стили

В тех случаях, когда вы хотите просто назначить несколько стилей отдельному элементу, не применяя встроенные или внешние таблицы стилей, задайте подставляемый в строку стиль (inline style) посредством HTML-атрибута style:

<р style="color:дгау;">Самый прекрасный завтрак -

это вафля, рифленый кусочек домашнего воздушного совершенства,,.

</р>

Атрибут style может быть ассоциирован с любым тегом HTML, за исключением тех, которые располагаются вне элемента body (head или title, например).

Синтаксис атрибута style достаточно прост. Кстати, он очень похож на объявления, размещающиеся в контейнере style, за исключением того, что фигурные скобки заменяются двойными кавычками. Таким образом, согласно выражению <р style="color:maroon; background:yellow; "> цвет текста станет красио-коричневым, а фон - желтым, но только для этого абзаца. Ни на какую другую часть документа это объявление не повлияет.