Torna alla pagina iniziale

Sfida: Le basi del CSS

Premessa

All'origine dei tempi, quando l'html è stato inventato avevano realizato un sacco di tag, come <b>, <u>, <font>, ecc... per definire quando il testo doveva essere in grassetto (b), sottolineato (u) o per definire il tipo di caratteri con cui scrivere (font) come sono Arial, Verdana, ecc...

Di seguito potete trovare alcuni esempi di questi tag che per compatibilità possono essere ancora utilizzati. (F12 o Firebug per ispezionare il codice html):

Normale and now this is bold text
Normale and now this is a part of text in an alternate voice or mood
Normale and now this is underlined text

Per un elenco completo di tutti i tag di formattazione guarda in fondo a questa pagina

Sfida

E' possibile apportare tutte le modifiche alla formattazione del testo anche utilizzando i css (Cascading Style Sheet). Ad esempio per scrivere un testo come testo in monospace potete impostare il font monospace modificando l'attributo style di span in questo modo:
<span style="font-family=monospace;font-size:14pt">testo in monospace</span>

Utilizzando gli stili css applicate agli <span>, scegli 8 diverse proprietà css come  font weight, font family e text decoration e fai del testo qualcosa di artistico.