La sintassi

La sintassi

In questo paragrafo fornisco le conoscenze minime indispensabili per avere le idee chiare, non tutti sono informatici, la maggior parte di voi apprezzerà questi contenuti.

 Selettori, dichiarazioni, proprietà, valori

Il modo più veloce per spiegare una regola è di vederla in pratica:

h4 {color: rgb(0, 51, 102)}

h4 è il selettore, si occupa di dire a chi o che cosa verrà applicata la regola che segue nella dichiarazione.

Poi troviamo le parentesi graffe, si tratta della dichiarazione: la regola che verrà applicata è contenuta qui dentro {color: rgb(0, 51, 102)}

Color è la proprietà, si tratta di applicare la proprietà dichiarata esprimendone il valore che deve assumere.

rgb(0, 51, 102) è il valore che deve assumere la proprietà selezionata, in questo caso si tratta di un blu scuro, corrisponde a Hex={00,33,66} per il diverso modo in cui possono essere dichiarati i colori. Nulla mi vieta di dichiarare: color:darkblue , l’unico problema è che il colore viene interpretato dal browser e "blue" per internet explorer è un tono di colore, per mozilla è un altro pur rimanendo blu. Vi faccio notare la rigorosità dell'espressione, se dimenticate un particolare (per esempio una parentesi) non funziona più niente.

Parentesi importante: i colori del web sono definiti da tre coppie: Hex={00,33,66} la particolarità risiede nel fatto che i numeri a due cifre sono uguali 11, 55, 22 oppure  99, 00, 00 e mai 12, 34, 27 che pure è un colore ma non un colore del web.

Punteggiatura:

Tra proprietà e valore ci sono i due punti, il valore è legato alla proprietà mediante i due punti, se vogliamo specificare dichiarazioni multiple (di più coppie proprietà/valori) possiamo farlo separando ogni coppia da un punto e virgola.

Ecco un esempio di foglio di stile, (non fatevi ingannare dall’impaginazione che potrebbe anche essere diversa) :

a:link

{

color: #FFFFCC;

}

a:visited

{

color: #FFCC66;

}

a:hover

{

color: #000000;background-color:#FFFFCC

}

body

{

font-family: Century Gothic, Arial, Helvetica;

color:#DFEFFF; background-color:#000000

}

table

{

table-border-color-light: rgb(204, 153, 255);

table-border-color-dark: rgb(204, 0, 204);

}

h1, h2, h3, h4, h5, h6

{

font-family: Century Gothic, Arial, Helvetica; color:#00FF00

}

h1

{

color: #FF4F95;

}

h2

{

color: #00FFCC;

}

h3

{

color: #99FF99;

}

h4

{

color: rgb(0, 51, 102);

}

h5

{

color: #CCFFFF;

}

h6

{

color: rgb(204, 0, 153);

}

NB:
Non deve esserci sovrapposizione di comandi tra il codice di una pagina web e i css esterni. Dovete poi considerare quanto affidare ai vostri css, per esempio c'è chi non vuole specificare le font e le relative dimensioni, io preferisco farlo e scrivere poi pagine in html molto scarne. Dipende tutto da voi, le tendenze attuali sono di affidare molto ai css, io ho definito font, margini, classi, scrollbar...