Come eseguire il debug CSS con Firebug

January 18

Mozilla Firebug add-on aiuta i web designer e programmatori che si occupano di un numero di lingue popolari per compilare la maggior parte dei siti e pagine. Uno Firebugs lingua aiuta con è cascata fogli stili, o CSS. CSS è i progettisti lingua utilizzare per impostare in modo efficiente le proprietà per gli elementi di web come bordi, intestazioni e sfondi. Questi utilizzato per essere fatto con goffo HTML. Ora, è possibile scrivere in CSS e ottimizzarli con Firebug.

istruzione

1 Aprire l'applicazione Firebug, e utilizzare i menu user-friendly e pulsanti di comando per ambientarsi se stessi per l'ambiente.

2 Guardate come CSS utilizza la codifica "a cascata". Firebug visualizzato il percorso di codifica per un elemento in modi che si possono seguire, per aiutare a identificare i problemi nello script.

3 caratteristica "grafica overlay" di Run Firebug per vedere come il codice e gli elementi si incastrano. Questo brillante adattamento rende cristallo codice chiaro. Quando metti il ​​mouse su un pezzo di codice, Firebug in realtà si mostra l'immagine dell'elemento si applica a, in modo da poter vedere come il testo informa l'oggetto.

4 Operare biblioteca editor di testo di Firebug ai comandi il completamento automatico. Firebug in realtà aiuta a codice completando i tuoi pensieri per voi. Questo può essere particolarmente utile se si dispone di una memoria chiazzato di sintassi CSS.

5 Utilizzare i tasti freccia su o in giù per scorrere tutte le possibili designazioni per l'attributo che stai digitando nella versione "turbo" della funzione di completamento automatico.

6 Utilizzare il comando "disable" di Firebug per mettere temporaneamente fuori alcuni moduli di codice per vedere come la pagina funziona senza di loro. Questo è un altro grande strumento diagnostico, Mozilla fornisce per aiutarti a fare più intelligente di codifica.