Практика разработки Web-страниц


Стили работают некорректно - часть 2


  • Если стиль не применяется, убедитесь, что вы правильно написали название свойства и определили установки этого свойства. (Держите под рукой справочную таблицу CSS – см. Приложение B.) Например, нижеследующие правила стиля выглядят неплохо, но не работают:

    body {background:happy.gif } p, li {font-color:#cccccc }

    Что не так? Веб-адреса, такие как графический файл GIF, должны использовать идентификатор url(). И font-color – не свойство CSS; должно быть color. Правильно так:

    body {background:url(happy.gif)} p, li {color:#cccccc }

  • Проверить правильность ваших установок для таблицы стилей можно в службе CSS по адресу jigsaw.w3.org/css-validator.
  • Убедитесь, что тэги HTML или атрибуты не подавляют определений стиля. Например, даже если ваша таблица стилей определила шрифт Arial для тэга <P>, тэг <FONT> может поменять настройки:

    Служба CSS Validation Service может указать на ошибки форматирования и другие возможные проблемы в вашей таблице стилей

    увеличить изображение
    Служба CSS Validation Service может указать на ошибки форматирования и другие возможные проблемы в вашей таблице стилей

    <p><font face="Verdana"> Text is Verdana </font></p>

  • Если вы используете в тэге класс custom, убедитесь, что включили точку в таблицу стилей, но не в атрибут класса:

    <style> .blues {color:blue;font-size:7pt } </style> <p class=blues>I am 7 point text,and I have the blues.</p>

  • Помните, что HTML элементы наследуют настройки стиля из окружающих их тэгов. Например, если вы установили свойство color в тэге <TABLE> как синий цвет, все элементы переднего плана таблиц: заголовки, текст и абзацы – станут синими, если только в определениях стиля в этих тэгов не определен другой цвет.

    table {color:blue;}/*Everything in all my tables has the blues */

    Если вы не хотите, чтобы настройка применялась ко всему блоку тэгов, создайте класс и применяйте его выборочно (см. шаг 8) или используйте контекстное определение стиля – такое, которое применяется только тогда, когда вы хотите. Следующее определение стиля делает так, что тэг <H1> использует синий текст, но только в пределах таблиц:




    Начало  Назад  Вперед