Come cambiare la dimensione del carattere in html?

Sto cercando di creare un sito Web e voglio sapere come modificare la dimensione del testo in un paragrafo. Voglio che il paragrafo 1 sia più grande del paragrafo 2. Non importa quanto più grande, purché sia più grande. Come faccio a fare questo?Come cambiare la dimensione del carattere in html?

Il mio codice è qui sotto:

<html> 
<head> 
<style> 
    p { 
    color: red; 
    } 
</style> 
</head> 
<body> 
<p>Paragraph 1</p> 
<p>Paragraph 2</p> 
</body> 
</html>

fonte

2013-08-02 Pancake_Senpai

dare loro una classe e aggiungere il vostro stile alla classe.

<style> 
    p { 
    color: red; 
    } 
    .paragraph1 { 
    font-size: 18px; 
    } 
    .paragraph2 { 
    font-size: 13px; 
    } 
</style> 

<p class="paragraph1">Paragraph 1</p> 
<p class="paragraph2">Paragraph 2</p>

Scegli questa EXAMPLE

fonte

2013-08-02 01:45:56 Thanos

È specifico per il browser. Se desideri un valore predefinito per tutti i browser, devi impostarlo tu stesso. –

Se si vuole fare questo senza classi che aggiungono ...

p:first-child { 
    font-size: 16px; 
} 

p:last-child { 
    font-size: 12px; 
}

p:nth-child(1) { 
    font-size: 16px; 
} 

p:nth-child(2) { 
    font-size: 12px; 
}

fonte

2013-08-02 01:45:44 doitlikejustin

o aggiungere stili inline:

<p style="font-size:18px">Paragraph 1</p> 
<p style="font-size:16px">Paragraph 2</p>

fonte

2013-08-02 01:58:54

Questo in realtà non è molto auspicabile ... – Meryovi

Grazie. Funziona perfettamente. Hai idea di quale sia la dimensione del font di default. Penso che sia intorno al 16/17px ... –

Gli stili in linea sono cattivi! –

Se siete solo interessati ad aumentare la dimensione del carattere del solo il primo comma di qualsiasi documento, un effetto utilizzato dalle pubblicazioni online, quindi è possibile utilizzare la pseudo-classe first-child per ottenere l'effetto desiderato.

p:first-child 
{ 
    font-size: 115%; // Will set the font size to be 115% of the original font-size for the p element. 
}

Tuttavia, questo cambierà la dimensione del carattere di ogni elemento p che è il primo figlio di qualsiasi altro elemento. Se siete interessati a impostare le dimensioni del primo elemento p dell'elemento corpo, quindi utilizzare il seguente:

body > p:first-child 
{ 
    font-size: 115%; 
}

Il codice qui sopra funziona solo con l'elemento p che è un figlio dell'elemento corpo.

fonte

2013-08-02 02:32:43 DisinterestedObserver

Non è possibile farlo in HTML. Puoi farlo in CSS. Creare un nuovo file CSS e scrivere:

p { 
font-size: (some number); 
}

Se questo non funziona assicuratevi di non si ha nessun tag "pre", che rendono il vostro codice di un po 'più piccolo.

fonte

2017-10-30 15:41:19 AwesomePicassom

Come cambiare la dimensione del carattere in html?

risposta

Problemi correlati