So legen Sie die Schriftfarbe in HTML fest (drei Möglichkeiten)-Front-End-Fragen und Antworten-php.cn

So legen Sie die Schriftfarbe in HTML fest (drei Möglichkeiten)

PHPz

Freigeben： 2023-04-13 14:31:39

Original

65753 Leute haben es durchsucht

HTML ist eine gängige Auszeichnungssprache für Webseiten. Zu ihren Grundelementen gehören Text, Bilder, Audio und andere Formen. Unter anderem ist Text eines der Grundelemente für die Informationsvermittlung auf der Seite. Verschiedene Schriftarten und Farben können den Besuchern unterschiedliche visuelle Erlebnisse bieten und die Ästhetik und Lesbarkeit der Seite verbessern.

Die Einstellung der HTML-Schriftfarbe kann über CSS-Stylesheets erreicht werden. CSS-Stylesheets können getrennt vom HTML-Code platziert werden, was die Flexibilität und Wartbarkeit des Seitenlayouts erhöht. So legen Sie die Schriftfarbe fest:

1. Legen Sie die Schriftfarbe im Inline-Stil fest.

Fügen Sie das Stilattribut direkt zum HTML-Tag hinzu und fügen Sie dann das Farbattribut zum Stilattribut hinzu. Zum Beispiel:

<p style="color:red;">这是一段红色的文字</p>

Nach dem Login kopieren

Unter diesen kann der Farbattributwert der Farbname, der hexadezimale Farbwert, der RGB-Farbwert und der HSL-Farbwert sein. Zu den häufig verwendeten Farbnamen gehören Rot, Grün, Blau, Schwarz, Weiß usw. Werfen wir einen Blick auf die häufig verwendete Farbtabelle:

Farbname	Farbwert
Schwarz	#000000
Weiß	#FFFFFF
Silber	# C0C0C0
Grau	#808080
Rot	#FF0000
Grün	#008000
Blau	#0000 FF

2. Schriftfarbe intern festlegen Stylesheet

Fügen Sie dem Kopfbereich des HTML-Dokuments ein Style-Tag hinzu und definieren Sie dann die Elemente und Farbattributwerte, die im Style-Tag eingefärbt werden müssen. Zum Beispiel:

<head>
  <style>
    p{
      color: blue;
    }
  </style>
</head>
<body>
  <p>这是一段蓝色的文字</p>
</body>

Nach dem Login kopieren

Auf diese Weise wenden alle im Körper definierten p-Elemente automatisch das Farbattribut im Stylesheet p{} an und setzen es auf Blau. Auf diese Weise können Sie die Farbe mehrerer Elemente stapelweise festlegen.

3. Schriftfarbe mit externem Stylesheet festlegen

Erstellen Sie eine unabhängige Stylesheet-Datei, definieren Sie die Elemente, die als Klassennamen eingefärbt werden müssen, und verknüpfen Sie dann die Stylesheet-Datei im HTML-Dokument. Beispiel:

Definieren Sie den Klassennamen in der Stylesheet-Datei style.css:

.title{
  color: red;
}

Nach dem Login kopieren

Fügen Sie dieses Stylesheet in das HTML-Dokument ein:

<head>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
  <h1 class="title">这是一段红色的标题</h1>
</body>

Nach dem Login kopieren

Auf diese Weise wird nach dem Hinzufügen von class="title" zum Titelelement h1 von Im HTML-Dokument wird automatisch das Farbattribut im Stylesheet angewendet und auf Rot gesetzt.

Zusammenfassend lässt sich sagen, dass es viele Möglichkeiten gibt, die Farbe von HTML-Schriftarten festzulegen. Welche Methode Sie verwenden, hängt von den Seitenanforderungen und persönlichen Vorlieben ab. Unabhängig davon, welche Methode verwendet wird, sollten jedoch die allgemeine Schönheit und Lesbarkeit der Seite berücksichtigt werden, um eine angemessene Übereinstimmung und eine klare Arbeitsteilung zu erreichen. Ich hoffe, dieser Artikel ist für die Leser hilfreich.

Das obige ist der detaillierte Inhalt vonSo legen Sie die Schriftfarbe in HTML fest (drei Möglichkeiten). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!