====== Usare i fogli di stile (CSS) ======
**[[http://www.rigacci.org/docs/biblio/online/css2/cover.html|CSS2 Specification]]**
Per includere un foglio di stile si aggiunge un tag dentro **%%%%**,
La cosa più complicata è scrivere i [[http://www.rigacci.org/docs/biblio/online/css2/selector.html|selettori]] in modo che siano più generici possibile e sfruttino l'effetto cascata.
===== Attributo ID =====
Ciascun attributo **''ID''** deve **comparire una sola volta all'interno di una pagina**, in modo da permetterne l'identificazione univoca. Se più di un elemento deve essere etichettato con lo stesso valore, si deve utilizzare l'attributo ''CLASS''.
#navigation {
float: left;
/* border-width: thin; */
/* border-style: dotted; */
/* border-color: #993366; */
margin-top: 0px;
margin-left: 0px;
width: 15%;
height: auto;
padding: 1ex;
}
Il selettore ''**#navigation**'' si applica a qualunque elemento (in quanto niente precede il segno ''**#**'') che abbia ''**ID="navigation"**''. Lo stile dell'esempio sopra crea un box allineato a sinistra se applicato ad una sezione del tipo:
===== Attributo CLASS =====
select.mybutton {
color: red;
margin: 0px;
padding: 0px;
}
Il selettore **''select.mybutton''** si applica agli elementi **''%%