У меня есть страница (page1.html), который ссылается на CSS файл (style1.css)Какой инструмент использовать для сравнения и уменьшить CSS таблицы стилей
Все это хорошо.
Мне нужно Page1.html дополнительно ссылаться на Style2.css Однако, когда я добавляю ссылку, некоторые вещи на странице. Html завинчиваются.
Как я могу определить, что это касается Style2.css, который вызывает эту проблему? Some diff Tool? Некоторые процессы?
Firebug показывает, какие правила переопределены и из каких правил применяются правила.
Просто выберите элементы проблемы, и он покажет вам применяемые к нему правила. Затем вы можете включить или отключить эффект эффекта.
Да, я бы использовал инструмент diff (DiffMerge is free) и посмотреть, что похоже на два файла css.
DiffMerge (или любой другой инструмент в этом отношении) хорош, если ваши файлы имеют аналогичный макет, но если они очень разные (например, я ожидаю, что ваш CSS может быть), может легко показать весь файл как одну большую разницу и поэтому оказаться бесполезным.
Что бы я делал в этой ситуации, установите инспектор дома в FireFox и проверьте его.
Затем включите свою вторую таблицу стилей и просмотрите страницу.
Щелкните правой кнопкой мыши элемент bocked и «Проверьте это». Затем измените режим просмотра инспектора dom на CSS. Он покажет вам текущий каскад стилей, применяемый к текущему элементу, а также даст ссылку на какой файл и на какую строку.
Таким образом, вы можете выяснить, где у вас конфликтующие стили.
Это, по общему признанию, не автоматический процесс, но если ваши стили на 99% идентичны, то разница не будет работать.
Все хорошие ответы .... На этот раз я ненавижу, чтобы выбрать правильный.
Просто добавьте в смесь ... Коллега рекомендовал панель инструментов веб-разработчиков для FF.
Я использовал CSS \ View Style Info, а затем щелкнул чужой материал ... Я быстро нашел правило из новой таблицы стилей, которая радикально изменяла его высоту.
Для разработчиков, использующих Visual Studio 2008, который может читать это:
При выборе HTML-элемент в конструктор WYSIWYG, вы можете использовать окно CSS Properties, чтобы просмотреть все правила CSS и соответствующие настройки, включая каскадные настройки, унаследованные от различных правил CSS.
Нажав на правило в панели свойств, вы можете определить источник каждой настройки CSS. Это упрощает определение того, почему страница или элемент выглядит определенным образом.
Я использовал этот класс php раньше - хорошо работает.
http://www.phpclasses.org/package/4638-PHP-Compare-two-CSS-style-definitions.html
Непосредственно сравнить два CSS стилей, чтобы сразу увидеть разницу между ними: http://www.alanhart.co.uk/archives/2010/12/15/compare-css-stylesheet-tool/
Очень удобно, когда вы делаете изменения в CSS на сайт, и вы не можете вспомнить, что вы изменили (до тех пор, пока вы сохраняете резервная копия оригинала для сравнения)
diffchecker (онлайн) инструмент. Очень полезно и быстро. http://www.diffchecker.com/
Это лучший ответ для сравнения файлов css. Я использовал его и ему понравилось. Любые комментарии о том, насколько это надежным/стабильным? – ChrisOdney 2011-11-28 15:26:06