Wie ändert man die Schriftgröße in HTML?

Ich versuche, eine Website zu machen, und ich möchte wissen, wie man die Größe von Text in einem Absatz ändert. Ich möchte, dass Absatz 1 größer ist als Absatz 2. Es spielt keine Rolle, wie viel größer, solange es größer ist. Wie mache ich das?Wie ändert man die Schriftgröße in HTML?

Mein Code ist unten:

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

Quelle

2013-08-02 Pancake_Senpai

sie eine Klasse geben und fügen Sie Ihre Stil für die Klasse.

<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>

prüfen diese EXAMPLE

Quelle

2013-08-02 01:45:56 Thanos

Es ist Browser-spezifisch. Wenn Sie einen Standard für alle Browser wünschen, sollten Sie ihn selbst einstellen. –

Wenn Sie dies ohne zusätzliche Klassen tun wollen ...

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

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

oder

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

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

Quelle

2013-08-02 01:45:44 doitlikejustin

Oder fügen Inline-Styles:

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

Quelle

2013-08-02 01:58:54

Das ist eigentlich nicht sehr wünschenswert ... – Meryovi

Danke. Es funktioniert perfekt. Haben Sie eine Idee, wie die Standardschriftgröße ist? Ich denke es ist um 16/17px ... –

Inline-Styles sind schlecht! –

Wenn Sie nur daran interessiert sind die Schriftgröße von nur den ersten Absatz eines Dokuments bei der Erhöhung, ein Effekt Von Online-Publikationen verwendet, können Sie dann mit der First-Child-Pseudoklasse den gewünschten Effekt erzielen.

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

Dies ändert jedoch die Schriftgröße jedes p-Elements, das das erste Kind eines anderen Elements ist. Wenn Sie bei der Festlegung der Größe des ersten p-Element des Körperelements interessiert sind, dann gehen Sie wie folgt:

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

Der obige Code wird nur mit dem p-Element arbeiten, das ein Kind des Körperelements ist.

Quelle

2013-08-02 02:32:43 DisinterestedObserver

Sie können es nicht in HTML tun. Sie können in CSS. Erstellen Sie eine neue CSS-Datei und schreibt:

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

Wenn das nicht machen funktioniert sicher, dass Sie keine „pre“ Tags, die Ihren Code ein wenig kleiner zu machen.

Quelle

2017-10-30 15:41:19 AwesomePicassom

Wie ändert man die Schriftgröße in HTML?

Antwort

Verwandte Themen