CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008 |
Страница 29 из 493 Можно случайно получить «вложенные» комментарии, если временно закомментировать большой фрагмент таблицы стилей, уже содержащий комментарий. Поскольку в 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; "> цвет текста станет красио-коричневым, а фон - желтым, но только для этого абзаца. Ни на какую другую часть документа это объявление не повлияет. |