CSS/Proprietà di base/Testo avanzato: differenze tra le versioni

 

'''Sintassi''':

dove <code><valore></code> è una sequenza di uno o più tipi di carattere indicati tra apici nell'ordine in cui verranno usati nel caso non siano installati sul sistema operativo dell'utente. &Egrave; possibile inoltre definire una famiglia generale di caratteri tramite i seguenti valori:

*'''serif''': le [[w:Serif|serif]] sono le grazie, ovvero gli abbellimenti delle lettere, che presentano caratteri come il Times New Roman o il FreeSerif. &Egrave; usato soprattutto per la stampa, in quanto la lettura delle grazie su schermo risulta più faticosa. Esempio: <span style="font-family:serif">Testo con serif</span>.

*'''monospace''': caratteri tipo telescrivente o macchina da scrivere e quindi monospaziati, come il Courier. Esempio: <span style="font-family:monospace">Testo monospaziato</span>.

Ad esempio possiamo definire così il font di una pagina web:

body { font-family: Verdana, Arial, Helvetica, sans-serif; }

 

== Dimensione del testo ==

 

'''Sintassi''':

 

== Testo grassetto ==

 

'''Sintassi''':

Dove <code>valore</code> è un valore in centinaia compreso tra 100 e 900 inclusi (900 corrisponderà ad un testo più grassetto di 100) oppure uno tra i seguenti valori:

*normal

 

'''Sintassi''':

dove <code>valore</code> può essere '''normal''', '''italic''' o '''oblique'''.

 

 

'''Sintassi''':

dove <code>valore</code> può assumere il valore '''normal''' o '''small-caps''' (maiuscoletto). Normalmente il testo maiuscoletto presenta i caratteri minuscoli come delle riduzioni dei corrispettivi caratteri maiuscoli.

 

 

'''Sintassi''':

 

Notare come line-height vada impostato subito dopo font-size, separato da quest'ultimo dalla barra "/".