Come modificare la dimensione del carattere in HTML

Ragazza (5-7) seduta sul divano con il laptop, vista posteriore

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%; }