4 Creare contenuti per il web - Andrea Giachetti

Creare contenuti per il web: (X)HTML e CSS in dettaglio 83
applicherà la regola a tutte le parti di testo enfatizzato contenute in un elemento paragrafo.
Rimandiamo anche qui a un manuale, anche online, per le specifiche di tutti i tipi di selettori.
Quello che qui interessa è semplicemente rimarcare il fatto che, attraverso i fogli di stile, è
davvero possibile selezionare in modo completamente libero le parti dei documenti in base a
nome, categoria o ruolo ed assegnare ad esse le caratteristiche di aspetto volute.
4.10 Formattazione del documento: il testo
Una delle caratteristiche controllabili per quanto riguarda lo stile dei nostri elementi (X)HTML
è senza dubbio il testo. In origine HTML non dava la possibilità di modificare le caratteristiche
del testo; abbiamo visto che in seguito, però, erano stati inseriti alcuni semplici elementi per la
modifica: per enfatizzare, per il grassetto
per modificare le dimensioni. Oppure, l'elemento ,
che fa in modo che il testo contenuto all'interno venga rappresentato così come scritto
sull'editor, con anche spazi e a capo di solito ignorati ed usando un carattere a spaziatura fissa.
Come abbiamo detto, però, le regole di stile non soltanto sono ufficialmente il metodo da
adottare a tale fine secondo le direttive del W3C, ma sono anche molto più potenti e complete,
come evidenziano gli esempi che seguono.
Il tipo di carattere (font) si può scegliere con la dichiarazione: {fontfamily:”nomefamiglia”},
es:
{font­family:”Arial Black”}.
Dato che sui browser usati dagli utenti non tutti i tipi di font possono essere disponibili, si
possono indicare più alternative, come in:
{font­family:”Arial Black”, “Helvetica Bold”, sans serif}.
In tal caso il primo tipo di font utile trovato verrà visualizzato.
Si noti che al posto della famiglia precisa si possono usare le espressioni Serif (con grazie), sans
serif (senza grazie), monospaced (spazi uguali).
L'attributo font-style permette di controllare lo stile del testo, ad esempio fontstyle:italic
crea il corsivo; font­weight invece controlla lo spessore, fontweight:bold
crea il grassetto, ma possiamo anche usare font­weight:lighter
font­weight:bolder per modificare in modo incrementale o addirittura usare un valore
numerico.
Le dimensioni si controllano con font­size:valore; i valori ammessi sono xx-small, xsmall,
small, medium, large, x-large, xx-large o valori numerici, con varie unità di misura
supportate, es. font­size:12pt (punti tipografici = 1/72 pollice) 15px (pixel), ma si
possono anche indicare le unità cm (centimetri), in (pollici) o valori percentuali del carattere
standard, es. font­size:90%. Utilizzando line­height:valore; si controlla
l'interlinea del testo inserendo un valore percentuale (%), in proporzione (em) o assoluto (a). E'
possibile anche controllare lo spazio tra i caratteri (word-spacing) o l'indentazione (spazio dal
bordo) dell'inizio testo (text-indent). L'allineamento del testo all'interno di un blocco (quindi