So verwenden Sie CSS zum Ändern der Schriftfarbe

Möchten Sie Ihre Website mit verschiedenen Schriftfarben aufpeppen? Sie können dies mit CSS tun. CSS steht für Cascading Style Sheets und ist die Standardsprache, die zum Erstellen und Verwalten des Stils einer Website verwendet wird.

Es gibt drei Methoden, CSS auf ein HTML-Dokument anzuwenden. Dies sind Inline-CSS, internes/eingebettetes CSS und externes CSS.

Methode Eins: Inline-CSS

Um die Schriftfarbe in CSS zu ändern, müssen Sie eine CSS-Regel erstellen, um die Wert der Farbeigenschaft.

Die Inline-Methode verwendet die style-Eigenschaft, die Sie auf fast jedes Element anwenden können. Hier ist ein Beispiel, das die Schriftfarbe eines HTML-Absatzes auf Rot setzt:

Textabschnitt

Sie können den gleichen Effekt mit internem/eingebettetem CSS oder externem CSS erzielen.

Methode 2: Internes/eingebettetes CSS

Sie können diese Methode verwenden, wenn Sie CSS-Regeln erstellen möchten, die mehr als eine Instanz eines HTML-Elements betreffen, jedoch nur auf einer einzelnen Seite. Die CSS-Regeln werden dann über ein style-Element in den Kopf der HTML-Seite geschrieben:

Methode Drei: Externes CSS

Die dritte Möglichkeit, denselben Effekt zu erzielen, ist die Verwendung eines externen CSS-Stylesheets. Erstellen Sie mit einem Texteditor eine Datei mit der Erweiterung ".css". Übliche Praxis ist es, diese Datei so zu nennen stylesheet.css Sie können es jedoch beliebig benennen, solange Sie die Erweiterung „.css“ beibehalten.

Um beispielsweise Ihren Fließtext mit einem externen Stylesheet grün einzufärben, fügen Sie einfach die CSS-Regel wie folgt ein:

p { Farbe: blau }

In Ihrem HTML-Dokument sollten Sie innerhalb des HTML-Head-Elements einen Link zu Ihrem Stylesheet einfügen:

Textabschnitt

Ändern der Schriftfarbe in HTML ohne Anwendung von CSS

Die beste Vorgehensweise ist die Verwendung von CSS, aber hier erfahren Sie, wie Sie die Schriftfarbe nur mit HTML ändern:

Textabschnitt

Das Font-Element ist zusammen mit seinem Farbattribut veraltet. Dies liegt daran, dass sie eher Präsentations- als Strukturelemente sind. Modernes HTML sollte nur aus Strukturelementen bestehen.

Das Ändern der Schriftfarbe in CSS ist relativ einfach

Wir haben Ihnen drei Methoden zum Ändern der Schriftfarbe in CSS gezeigt. Wir haben Ihnen auch gezeigt, wie Sie dies auf die alte Weise mit dem HTML-Font-Tag tun können. Probieren Sie sie aus und finden Sie heraus, was für Sie am besten funktioniert!

Sobald Sie das Ändern der Schriftfarbe mit CSS und HTML beherrschen, möchten Sie vielleicht das Ändern der Schriftgröße in HTML beherrschen.

So ändern Sie die HTML-Schriftgröße in CSS

Lesen Sie weiter

Über den Autor