Attributi di stile per il testo

In questa lezione vi saranno presentati i principali attributi di stile per il testo:


)> font-style: 
questo attributo indica lo stile per il font che puo' essere in 3 formati diversi: normal (non usa alcuno stile tranne quello di default del browser), oblique (il classico testo corsivo solamente che il testo e' obliquo verso destra), italic (il classico testo corsivo).

<STYLE>
BODY{font-style:normal}
</STYLE>

)> font-weight: 
questo attributo serve a stabilire lo spessore del testo. I valori totali sono 7: extra-light , demi-light, light, medium, extra-bold, demi-bold, bold. Esempio:

<STYLE>
BODY{font-weight:demi-bold}
</STYLE>

)> font-family:
questo attributo serve ad impostare un font da visualizzare per una determinata porzione di testo o per tutto il documento.

Esempio:

<STYLE>
BODY{font-family:arial}
</STYLE>

E' possibile inoltre stabile un ordine di caratteri da visualizzare (caso mai il primo non e' presente) mediante questo codice:

<STYLE>
BODY { font-family:arial, tahoma, "courier new"}
</STYLE>

Tra uno stile e l'altro e' necessario inserire la virgola, ed e' necessario che il nome dei caratteri formato da piu' parole, sia inserito tra doppi apici (")!

Un'altra soluzione potrebbe essere quella di usare il font per famiglia. Mi spiego meglio: con il termine "font per famiglia", intendo quei gruppi di font non identici, ma con numerose caratteristiche che li accomunano!

Ecco il codice corretto:

<STYLE>
BODY { font-family:cursive }
</STYLE>

Le famiglie sono 5
- Serif (un carattere serif e' il Times New Roman);
- Sans Serifi (un carattere tipico e' l'arial);
- Cursive (sono quei font simili alla caligrafia umana);
- Fantasy (sono dei caratteri decorativi);
- Monospace (un caratteri monospace e' il Courier).

)> font-size: 
questo attributo serve ad indicare la grandezza del testo che potra' essere impostare tramite:
- punti (l'abbreviazione di questa unita' di misura e' pt. I punti fanno riferimento solamente allo spazio verticale);

<STYLE>
BODY { font-size:10pt }
</STYLE>

- pixel (l'abbreviazione di questa unita' di misura e' px. La grandezza dei pixel varia a seconda della risoluzione dello schermo);

<STYLE>
BODY { font-size:10px }
</STYLE>

- centimetri (l'abbreviazione di questa unita' di misura e' cm. Questo formato, forse e' il meno conosciuto ed usato);

<STYLE>
BODY { font-size:3cm }
</STYLE>

- pollice (l'abbreviazione di questa unita' di misura e' in);

<STYLE>
BODY { font-size:2in }
</STYLE>

- percentuale (l'abbreviazione di questa unita' di misura e' %. Il valore di questo formato, dipende dal tipo di risoluzione adottata dall'utente

<STYLE>
BODY { font-size:100% }
</STYLE>

)> font-variant:
questo attributo è simile a font-size, pero' si differenzia dal fatto che formatta il testo in maiuscolo. Viene utilizzato con gli attributi "normal" e "small-caps".

Esempio:

<STYLE>
BODY{font-variant:small-caps}
</STYLE>

)> text-decoration:
questo attributo permette di avere effetti molto carini sul testo! I valori che assume sono: line-height, italia, underline, none. Per non dare nessun tipo di stile al testo, viene usato il valore none.

Lezione successiva ->