![Ragazza (5-7) seduta sul divano con il laptop, vista posteriore](/f/8c8cbcf702ab9716b276b2dfee077d3a.jpg)
Modifica facilmente la dimensione del carattere della tua pagina Web con i CSS.
Credito immagine: Ableimages/Photodisc/Getty Images
Puoi controllare la dimensione del carattere della tua pagina Web utilizzando la proprietà font-size del linguaggio di stile HTML, Fogli di stile a cascata. A partire da HTML 5, l'approccio CSS allo stile dei caratteri sostituisce il vecchio tag "font". Sebbene il tag del carattere sia valido per le pagine Web formattate HTML 4, non è più supportato come tag valido in HTML 5.
Definire la dimensione del carattere con CSS
Le dimensioni dei caratteri vengono impostate nella tua pagina Web utilizzando l'attributo CSS "font-size". Le dimensioni dei caratteri sono in genere definite utilizzando il misura tipografica "em", dove 1.0 è la dimensione del carattere corrente, o percentuali, dove 100 percento è il carattere corrente dimensione. È inoltre possibile utilizzare i nomi dei valori preimpostati, come "più piccolo", "più grande", "piccolo" e "xx-grande". Durante la definizione della taglia in pixel o punti è valido, non è consigliato perché il testo potrebbe non ridimensionarsi correttamente in alcuni circostanze.
Video del giorno
Puoi utilizzare gli stili in quasi tutti i tag HTML nel corpo della tua pagina Web. Aggiungi un attributo "stile" al tag con l'attributo CSS font-size impostato sulla dimensione che desideri. Lo stile influisce sul testo tra l'inizio e la fine del tag, ad esempio:
Questo testo è più grande del normale.
Questo testo è più piccolo.
Anche questo testo è più piccolo.
Usare CSS nel tuo foglio di stile
Se la tua pagina Web ha un foglio di stile CSS, incorporato nell'intestazione della tua pagina o definito in un file separato, puoi modificare la dimensione del carattere lì. I fogli di stile sono utili per apportare modifiche globali alla pagina Web. Trova o aggiungi la dichiarazione che desideri modificare e aggiungi il codice della dimensione del carattere. Ad esempio, per aumentare la dimensione del carattere per tutti i tag di paragrafo, utilizzare:
p { dimensione del carattere: 125%; }