Le classi

Cascade style sheets
di Risorse.net

Le classi, sono dei fondamentali strumenti di diversificazione degli esistenti tag Html. Se si volesse ad esempio assegnare un tipo di cursore al tag font, basterebbe utilizzare:
font {cursor: hand}

Si potrebbe pero' volere utilizzare un altri puntatore, sempre pero' all'interno del tag font. Per far cio', e' necessario assegnare delle classi, ovvero dare un valore all'attributo class di un qualsiasi tag (in questo caso font). Ad esempio:
<font class="cursore-hand">
<font class="cursore-n-resize">


In questo modo abbiamo specificato due class per uno stesso tag (font). Queste classi poi vanno specificati all'interno dei tag head, in un comune foglio di stile, digitando:
<STYLE>
font.cursore-hand {cursor: hand}
font.cursore-n-resize {cursor: n-resize}
</STYLE>


Continuando il discorso delle classi, si giunge alle pseudoclassi. Per fare un esempio di pseudoclasse, si puo' citare l'effetto dei link sottolineati o meno al passaggio del mouse. In questo caso infatti, l'evento onMouseOver si rispecchia nella pseudoclasse hover. Ad esempio:
<STYLE>
A:link { text-decoration: underline; color: blue }
visited { text-decoration: underline; color: navy }
over { text-decoration: none; color: red }
</STYLE>












© Risorse.net (www.risorse.net)
pagina in versione stampabile:
http://www.risorse.net /css/classicss.asp?print=ok