CSS - metodo di debug
di eugyCapita spesso che il CSS (e l’HTML!) che scriviamo non faccia quello che vogliamo. Cosa fare per risolvere la cosa? Beh, “fare delle prove” in genere funziona, ma qualche volta ci fa perdere un sacco di tempo. Ecco quindi un metodo “comprovato” per risparmiare tempo e soprattutto incavolature
- Cosa voglio fare? Chiariamoci. Spesso pensare razionalmente a cosa vogliamo fare ci fa “scattare la scintilla”
- Quali sono gli elementi HTML che sono coinvolti?
- Identificarli attraverso la Web Developer Toolbar
- Gli elementi HTML coinvolti sono scritti correttamente nel codice HTML?
- Quali sono i selettori CSS che devo usare per richiamarli?
- C’è qualche errore di scrittura?
- Validare il codice HTML
- La proprietà CSS che ho impostato non funziona come credevo. Cosa credevo? O meglio, cosa mi aspetto che faccia la proprietà CSS che ho impostato?
- Controllare sullo standard se ho ragione
- Validare il CSS
- Se ancora non funziona come vorrei, forse è coinvolta qualche altra proprietà
- Controllare con la developer toolbar quali proprietà CSS ho
- Controllare se ci sono altri selettori che mi influiscono
- Controllare se l’elemento eredita qualche proprietà che non avevo considerato
- Accentuare l’effetto della proprietà per capire se viene visualizzata (es. aumentare a dismisura i bordi)
- Controllare se gli elementi vicini (genitori, figli, vicini) hanno qualche proprietà che può influire
- Modificare altre proprietà che possano avere una qualche influenza, e per ognuna di queste modifiche ricominciare da 1
Lascia una risposta
Dovete essere loggati per inviare un commento.
