So legen Sie die Schriftgröße in HTML fest

Beim Schreiben von HTML-Code kann die richtige Schriftgröße dafür sorgen, dass die Seite komfortabler, lesbarer und professioneller aussieht. In diesem Artikel wird erläutert, wie Sie die Schriftgröße in HTML festlegen.

Es gibt sieben verschiedene Schlüsselwörter für relative Größen in HTML, nämlich: xx-klein, x-klein, klein, mittel, groß, x-groß und xx-groß. Die relative Größe wird relativ zur Größe des übergeordneten Elements des aktuellen Elements bestimmt. Im Allgemeinen ist die mittlere Größe die Standardgrundgröße, die 16 px (Pixeln) entspricht. Andere Schlüsselwörter werden auf Grundlage dieser Basisgröße berechnet.

Darüber hinaus können Sie absolute Größen verwenden, um die Schriftgröße festzulegen. Diese Größen sind entweder absolute Längeneinheiten (z. B. Pixel oder Punkte) oder relativ zu einem Prozentsatz des Bildschirms. Der Vorteil der absoluten Größe besteht darin, dass die Schriftgröße genau gesteuert werden kann. Der Nachteil besteht jedoch darin, dass sie sich nicht an die Anforderungen unterschiedlicher Bildschirmgrößen anpassen kann.

So legen Sie die Schriftgröße konkret fest:

1. Verwenden relativer Größen in HTML

Durch die Verwendung des Schlüsselworts „relative Größe“ können Sie für eine bessere Anpassungsfähigkeit eine Anpassung basierend auf der Größe des übergeordneten Elements vornehmen. Hier ist der Beispielcode:

<!-- 使用 small 大小的关键字 -->
<p style="font-size: small;">This text is smaller than usual.</p>

<!-- 使用 large 大小的关键字 -->
<p style="font-size: large;">This text is larger than usual.</p>

<!-- 使用 x-large 大小的关键字 -->
<p style="font-size: x-large;">This text is even larger than before.</p>

2. Absolute Größen in HTML verwenden

Durch die Verwendung absoluter Größen können Sie die Schriftgröße präzise steuern. Hier ist der Beispielcode:

<!-- 使用像素作为绝对大小 -->
<p style="font-size: 20px;">This text is 20 pixels in size.</p>

<!-- 使用点作为绝对大小 -->
<p style="font-size: 14pt;">This text is 14 points in size.</p>

<!-- 使用百分比作为相对屏幕大小 -->
<p style="font-size: 200%;">This text is twice as big as normal.</p>

3. Schriftgröße in CSS verwenden

Die Schriftgröße kann direkt in HTML mithilfe des Style-Attributs festgelegt werden, sie kann aber auch über ein CSS-Stylesheet festgelegt werden. Zum Beispiel:

/* 在样式表中设置字体大小为 16 像素 */
p {
  font-size: 16px;
}

Mit dieser Methode können Sie im Stylesheet mehrere Schriftgrößen festlegen, um sich besser an verschiedene Seitenlayouts anzupassen.

Zusammenfassung

Das Festlegen der HTML-Schriftgröße ist ein sehr einfacher Vorgang. Sie müssen nur die CSS-Eigenschaft „font-size“ verwenden, um sie festzulegen. Die Einschränkung besteht jedoch darin, eine geeignete relative oder absolute Größe zu wählen, um die Seite komfortabler und lesbarer zu machen. Gleichzeitig sollten Sie auch die entsprechende Schriftgröße entsprechend der Bildschirmgröße wählen, um eine bessere Anpassung an verschiedene Geräte zu ermöglichen.

Das obige ist der detaillierte Inhalt vonSo legen Sie die Schriftgröße in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!