Hvordan å feilsøke CSS Med Firebug

Mozillas Firebug-hjelper webdesignere og programmerere som arbeider med en rekke populære språkene å kompilere de fleste sider. En språk Firebugs hjelper med er gjennomgripende stiler ark, eller CSS. CSS er språk designere bruker for å effektivt sette egenskaper for web-elementer som grenser, overskrifter og bakgrunner. Disse brukes til å bli ferdig med clunky HTML. Nå kan du skrive dem i CSS og optimalisere dem med Firebug.

Bruksanvisning

1 Åpne Firebug-programmet, og bruke de brukervennlige menyer og kommandoknapper for å akklimatisere deg selv til miljøet.

2 Se på hvordan CSS bruker "kaskade" koding. Firebug viser banen koding for et element på måter som du kan følge, og hjelper deg å identifisere problemer i skriptet.

3 Kjør Firebug er "grafisk overlay" funksjonen for å se hvordan koden og elementene passer sammen. Denne strålende tilpasning gjør kode krystallklart. Når du setter musen over et stykke kode, Firebug faktisk viser bildet av element det gjelder, slik at du kan se hvordan teksten informerer objektet.

4 Operere Firebug tekst-editor biblioteket for å auto-fullføre kommandoer. Firebug faktisk hjelper deg koden ved å fylle dine tanker for deg. Dette kan være spesielt nyttig hvis du har en flekkete minne om CSS syntaks.

5 Utnytte opp eller ned piltastene for å bla gjennom alle mulige betegnelser for attributtet du skriver i "turbo" versjon av autofullfør-funksjon.

6 Bruk Firebug er "disable" -kommandoen til å midlertidig slå ut visse kode moduler for å se hvordan siden fungerer uten dem. Dette er en annen stor diagnostisk verktøy Mozilla gir å hjelpe deg å gjøre smartere koding.