Hvordan redigere CSS Med Firebug

Firebug er en gratis Firefox webutvikling verktøy som brukes til å inspisere og redigere Cascading Style Sheets, HTML og Javascript-kode på en nettside. Dette er nyttig å bruke når du ønsker å se hvordan spesifikke CSS-koden påvirker din webside, fordi endringer du gjør i Firebug er umiddelbart vises på nettleseren Firefox i sanntid. Firebug kan vise herskere og guider over nettsideelementer når du holder markøren over dem, og gir deg en visuell oversikt for å hjelpe deg å sette mål for forskyvninger, marginer, grenser og polstring.

Bruksanvisning

1 Åpne Firefox og navigere til websiden du ønsker å redigere.

2 Klikk på "Firebug" -ikonet, som ser ut som en feil og er vanligvis funnet i nederste høyre hjørne av Firefox.

3 Klikk på "Kontroller" -kategorien på Firebug vinduet.

4 Klikk "HTML", bla gjennom kildekoden i vinduet og klikk på linjen du vil redigere. Du kan også klikke deler av selve websiden til å fokusere på at regionens HTML-kode i Firebug vinduet. Alternativt kan du klikke "CSS" og direkte redigere nettsidens CSS-filer.

5 Klikk på en CSS attributt du vil redigere i "Style" -vinduet og skriv inn en ny verdi. Websiden skal oppdateres i sanntid, slik at du kan se endringene. For eksempel kan du endre en CSS "background-color" fra "# E6F2E1" til "rødt".

6 Lagre endringene ved å kopiere lime den modifiserte CSS-kode fra Firebug inn lokalt lagret CSS-fil. Det er ingen mulighet for å lagre CSS endringer innenfra Firebug selv.