Несколько слов об отладке CSS

Для начала вооружимся хорошим инструментарием – программами для отладки CSS.

Программы для отладки CSS

Я рекомендую использовать связку из браузера Firefox и плагина Firebug. Этот чудесный плагин позволит увидеть ваш CSS-код «глазами» браузера. Вы сразу поймёте, какие стили применились, какие были переопределены другими стилями, и в какой последовательности. Также настоятельно рекомендую установить в Firefox расширение Web Developer - замечательную многофункциональную панель.

Для IE7 есть Internet Explorer Developer Toolbar - пожалуй, единственный толковый инструмент (из бесплатных, разумеется).

В IE8 изначально встроено расширение Developer Tools, вызываемое клавишей F12.

Что делать если стиль не срабатывает?

Независимо от наличия Firebug рекомендую воспользоваться следующим методом:

Если вы долго пытаетесь заставить стиль заработать, а он почему-то не срабатывает, попробуйте добавить к нему !important (см. подробнее). Если стиль так и не применился, значит, скорее всего, вы допустили опечатку.