suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >So legen Sie die Schriftfarbe in HTML fest (drei Möglichkeiten)

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

PHPz
PHPzOriginal
2023-04-13 13:37:3965748Durchsuche

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>

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>

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

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>

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!

css html class 样式表
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Kann ich eine andere Funktion in die Vue-Funktion schreiben?Nächster Artikel：Kann ich eine andere Funktion in die Vue-Funktion schreiben?

In Verbindung stehende Artikel

Mehr sehen