Как вы скажете, какие настройки CSS влияют на макет?

Question

У меня есть проект с несколькими файлами CSS, каждый из которых имеет множество различных настроек. Время от времени я помещаю элемент на страницу, и он появляется неожиданно, например, странные отступы, цвет шрифта, поведение при наведении и т. Д. Всегда нужно выяснить, какие именно настройки CSS вызывают поведение. Есть ли способ точно узнать, какие значения CSS применяются к данному элементу?

Answer 1

Оформление 'FIREBUG' для Firefox .... Удивительное дополнение для веб-разработчиков

https://addons.mozilla.org/en-US/firefox/addon/1843

Вы можете нажать на элементы, и это покажет вам классы, которые применяются.

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

Answer 2

В общем, вам нужно проверить элемент.

• В Firefox установите Firebug , щелкните правой кнопкой мыши элемент и выберите «Проверить элемент».

• В Google Chrome щелкните правой кнопкой мыши и выберите «Проверить элемент».

• В IE8 нажмите F12 или перейдите в Инструменты -> «Инструменты разработчика», затем перейдите в Поиск -> «Выбрать элемент по клику» и нажмите на элемент.

После проверки элемента вы увидите список правил CSS, которые к нему применяются. Вы также можете получить вычисленный стиль.

Answer 3

Лучшим инструментом для этого является Firebug, расширение для Firefox, которое показывает, как и где элемент наследует свой текущий стиль.

Answer 4

Получите Firebug (для Firefox) и используйте возможность «Проверять» - он покажет вам эффективный CSS (и откуда он взялся) для выделенного элемента.

Answer 5

Как уже упоминали выше, Firebug - это величайшая вещь, так как нарезанный хлеб проверяет, как css влияет на ваш сайт.

Вы также можете использовать этот маленький инструмент ДОЛЖНО с firebug, и тогда отладка CSS станет намного проще!

Панель инструментов веб-разработчика

Answer 6

Firebug - большая помощь, чтобы увидеть, что CSS украшает элемент.

Answer 7

Новый Safari «Веб-инспектор» так же хорош или лучше, чем Firebug для этого. Я перестал использовать Firebug теперь, когда Safari стал умнее.