Alcuni rapidi suggerimenti per apprendere l’uso dei css per la realizzazione di semplici layout: usare i commenti per aiutare a spiegare gli stili.

Questo post è la continuazione dei seguenti articoli:
(01) – 6 suggerimenti per apprendere e ottimizzare l’uso dei css;
(02) – collegare i fogli di stile;
(03) – organizzare i fogli di stile;
(04) – validare il codice e raggruppare i selettori;

Usare i commenti.

Nella scrittura dei nostri stili è abbastanza facile ricordare il motivo per cui abbiamo usato certe proprietà nel momento in cui li scriviamo, ma se dobbiamo riprendere un file .css dopo molto tempo sarebbe utile aggiungere dei commenti che ci rinfreschino un pò la memoria.

Esempio pratico:

# Footer {

background: #333; /* il colore del footer */
color: #fff; / * il colore del testo del footer*/
margin: 10 px 0 0; / * aggiunge un margine di 10 px dal top del footer */

}

Aggiungere dei commenti alla chiusura dei DIV.

Per tenere traccia facilmente dei vari DIV contenuti nel nostro markup potrebbe essere utile separarli tramite commenti alla chiusura di ogni tag.

<div id=”contenitore”>

<div id=”menu-orizzontale”>………..</div>

<div id=”contenuto”>………..</div>

<div id=”menu-verticale”>………..</div>

<div id=”foot”>………..</div>

</div>

/* chiusura del DIV contenitore */

Un interessante esempio di commento che separa in maniera ben visibile una porzione del nostro codice è quella suggerita su erraticwisdom.com:

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/