Reggruppare stili

Per rendere piu' funzionali i fogli, e consigliabile usare la tecnica del raggruppamento. Questa ci permette di rendere piu' funzionali i fogli di stile e consentire effetti altrimenti irrealizzabili. Il raggruppamento di stile riduce gli attributi e gli argomenti creando gruppi logici. Questa funzione viene svolta in due modi:


)> Raggruppare TAG:
per capire meglio questa metodo, si deve pensare ad una pagina HTML con diversi stili identificati da un marcatore diverso:

<STYLE>
H1 { font-family:arial; font-size:14px; color:blue; }
H2 { font-family:arial; font-size:14px; color:blue; }
H3 { font-family:arial; font-size:14px; color:blue; }
</STYLE>

Per raggruppare questi 3 stili e' sufficiente questo codice:

<STYLE>
H1, H2, H3 { font-family:arial; font-size:14px; color:blue; }
</STYLE>

)> Raggruppare gli attributi:
e' possibile dividere gli stili in base alle informazioni che da sulle famiglie. Con questo tipo di raggruppamento:

<STYLE>
BODY { font-family:verdana; font-size:15px; font-weight:bold; font-style:normal; color:red}
</STYLE>

si trasforma in:

<STYLE>
BODY { font: bold normal 15px verdana red}
</STYLE>

Lezione successiva ->