Livello di difficoltà: |
|
I Css, Cascade style sheets, che in italiano significa fogli di stile a cascata, sono una tecnologia per migliorare le proprie pagine Web. Sono stati implementati dal W3 Consorzium nella quarta versione di Html.
|
| |
Le classi
Cascade style sheets
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>
|
