Alcuni rapidi suggerimenti per apprendere l’uso dei css per la realizzazione di semplici layout: validare il codice e raggruppare i selettori.
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.
(03) – 6 suggerimenti per usare i css: organizzare i fogli di stile.
Tornando a parlare di alcuni miei suggerimenti per ottimizzare ed usare i fogli di stile, di seguito espongo la mia esperienza con altri consigli per i web designers che stanno passando alla realizzazione di siti utilizzanto solo i fogli di stile.
Validare il codice.
Sarebbe preferibile controllare la validazione del codice css tramite i tool messi a disposizione dal W3C (Il consorzio che si occupa dello sviluppo e della standardizzazione degli strumenti e dei linguaggi del Web) in maniera da correggere eventuali errori, consentendo di controllare le conformità alle raccomandazioni del consorzio.
Raggruppare i selettori.
Quando molti elementi hanno proprietà comuni, sarebbe preferibile raggrupparle per evitare inutili duplicazioni.
I Vantaggi:
- scrivere meno codice;
- risparmiare qualche byte;
- una maggiore chiarezza dei selettori;
Esempio pratico:
h1, h2, h3, h4, h5 {font-family: “trebuchet ms”, tahoma, Verdana;}
Utilizzo delle shorthand properties.
Le shorthand properties (dall’inglese scorciatoie) servono a definire con una dichiarazione un insieme di proprietà.
Esempio pratico:
Invece di scrivere:
margin-top:10px;
margin-right:0;
margin-bottom:14px;
margin-left:10px;Sarebbe più chiaro:
margin:10px 0 14px 10px;