Alcuni rapidi suggerimenti per apprendere l’uso dei css per la realizzazione di semplici layout: organizzare i fogli di stile.
Questo post è la continuazione dei seguenti articoli:
(01) – 6 suggerimenti per apprendere e ottimizzare l’uso dei css.
(02) – 6 suggerimenti per usare i css: collegare i fogli di stile.
Un foglio di stile che non segue un buon criterio organizzativo è di difficile gestione e comprensione.
Perchè?
Il motivo è semplice: evitare di perdere tempo (e pazienza) nella ricerca di un determinato stile all’interno del documento.
Di seguito alcuni semplici metodi da poter applicare:
a. Assegnare ad ogni stile un nome appropriato.
ES.
# stile 1 { }# stile 2 { }
# stile 3 { }
Gli esempi sopra citati non permettono certo di riconoscere velocemente uno stile ben preciso, nel caso di modifiche da apportare potremo facilmente confonderci.
Al contrario, un esempio più corretto potrebbe essere:
ES.
# head { }# menu { }
# contenuto { }
# foot { }
In questo secondo caso, gli esempi danno un’idea ben precisa della parte dello stile su cui andremo a lavorare.
b. Attenzione al case sensitive.
I nomi dei selettori di classe sono case sensitive (si considerano in maniera differente i caratteri maiuscoli dai minuscoli), un .Header è diverso da un .header, e consigliabile utilizzare un criterio, ad esempio scrivere tutto in minuscolo.
Su erraticwisdom.com, sono presenti altre indicazioni per organizzare in maniera efficiente il modo di scrivere i css.
Nel prossimo post: Validare il codice e raggruppare i selettori.
Il precente articolo: 6 suggerimenti per usare i css: collegare i fogli di stile.