- - Використання CSS: Перегляд правил CSS, які використовуються на веб-сторінках та експортному файлі [Firefox]

Використання CSS: Перегляд правил CSS, які використовуються на веб-сторінках та експортному файлі [Firefox]

Ви коли-небудь натрапляли на веб-сайт і знайшлиВам цікаво про стилі, якими вони користувалися? Незалежно від того, чи є ви професійним дизайнером, який працює на сайті, або просто вивчаєте CSS як хобі чи побічний проект, перевірка того, як різні сайти реалізували CSS, відкриває вам розум на безліч способів використання його у власних проектах. Використання CSS це розширення Firefox, яке дозволяє переглядати правила CSS, застосовані до будь-якої веб-сторінки, а також дозволяє експортувати CSS-лист на новій вкладці.

Щоб використовувати розширення, у вас повинен бути встановлений Firebug, оскільки він розширює функціонал Firebug. Після встановлення відвідайте веб-сайт та відкрийте Firebug. Додаткова вкладка Використання CSS буде додано в інтерфейс Firebug. Перейдіть на вкладку і натисніть на Сканування кнопка. Будуть вказані всі застосовані правила CSS та кількість разів, коли кожне було використане на веб-сторінці.

Використання CSS

На веб-сторінці може бути більше одного CSS-файлу, розгорнути їх і згортати, щоб побачити кожен файл та його вміст.

Перегляд використання CSS у firebug

Ви можете встановити розширення для автоматичного сканування кожної відвідуваної сторінки, натиснувши на Автоматичне сканування кнопка. Кнопка вмикає та вимикає автоматичне сканування. Під час відвідування кожної сторінки на сайті, розширення автоматично сканує його на застосовані правила CSS та завантажує їх відповідно. Щоб переглянути сам файл CSS, натисніть на сміливе чорне ім’я файлу, і файл відкриється на новій вкладці.

Експорт файлу використання CSS

Незважаючи на те, що компонування файлу CSS може зазнати певного вдосконалення, воно все-таки досить добре, щоб ви зрозуміли, наскільки відрізнявся стиль.

Встановіть розширення використання CSS для Firefox

Коментарі