Cascading Style Sheets (CSS) ist eine Sprache, die verwendet wird, um Webseiten in HTML und XML zu stylen. Diese Stilblätter bestehen aus einer großen Menge an Eigenschaften, die verwendet werden können, um das Erscheinungsbild von Webseiten zu verbessern. Diese Eigenschaften sind nützlich, wenn sie Elemente einer Webseite formatieren. In diesem Artikel konzentrieren wir uns speziell auf die Eigenschaften, mit denen Farb- und Hintergrundfarbe auf eine Webseite angewendet wird.

Zunächst werden wir uns mit der Farbeigenschaft von CSS befassen, mit der die auf der Webseite angezeigte Textfarbe angewendet werden kann.

Textfarbe

Sie können Farbe auf einer Webseite auf den Text anwenden, indem Sie die Farbeigenschaft von CSS verwenden. Es kann drei Ansätze geben, um Farbe auf den Text anzuwenden, der wie folgt ist.

1. Verwenden Sie den Farbnamen

Die einfachste Art, Farbe auf den Text anzuwenden, besteht darin, den Farbnamen zu verwenden. CSS unterstützt insgesamt 140 Farbnamen wie Rot, Gelb, Maroon, Skyblue usw. Zum Beispiel,

H1
Farbe blau;

2. Verwenden Sie einen Hex -Farbcode

Diese Codes bezeichnen Intensitäten der Primärfarbe und werden mit drei Zeichenpaaren geschrieben. 00 stellt die niedrigste Intensität einer Primärfarbe dar und FF stellt die höchste Intensität einer Primärfarbe dar. Zum Beispiel ist der Hex -Code von Red #ff0000, blau ist #0000ff, Brown ist #964b00 usw.

H1
Farbe: #0000ff;

3. Verwenden Sie einen RGB -Wert

RGB ist ein Farbmodell, das aus den drei Primärfarben rot, grün und blau besteht. Der Wertebereich dieser Farben beträgt 0 bis 255. 0 stellt die niedrigste Intensität einer Primärfarbe dar und 255 ist die höchste Intensität einer Primärfarbe. RGB -Wert von Blau ist (0,0,255), rot IS (255,0,0), Gelb ist (255,255,0) usw.

H1
Farbe: RGB (255.255,0);

Lassen Sie uns ein Beispiel dafür sehen, dass Farbe auf verschiedene HTML -Elemente angewendet wird.

Beispiel
Im folgenden Beispiel haben wir alle oben genannten Ansätze des Anwenden von Farben auf verschiedene HTML-Elemente unter Verwendung der Farbeigenschaft von CSS demonstriert.

Diese Überschrift ist grün

Diese Überschrift ist blau

Dieser Absatz ist rot

Ausgang

Die Farbe von

Das Element wird mit dem Hex -Code -Ansatz, Farbe von, auf Grün eingestellt

Das Element wird mit dem Farbnamenansatz und der Farbe von auf Blau eingestellt

Das Element wird unter Verwendung des RGB -Wertansatzes auf rot eingestellt.

Nachdem wir nun ein grundlegendes Verständnis für die Anwendung von Farbe auf Text haben, versuchen wir zu verstehen, wie Sie Hintergrundfarbe auf Elemente auf einer Webseite anwenden können.

Hintergrundfarbe
Sie können Hintergrundfarbe auf die Elemente auf einer Webseite anwenden, indem Sie die Hintergrund-Color-Eigenschaft von CSS verwenden. Dies kann anhand der drei Ansätze erfolgen, die im obigen Abschnitt erwähnt werden. Lassen Sie uns ein Beispiel sehen.

Beispiel
Im folgenden Beispiel haben wir sowohl die Farbeigenschaft als auch die Hintergrundfarbe von CSS demonstriert.

Dies ist ein Absatz

Klick mich

Im obigen Bereich haben wir die drei verschiedenen Ansätze (Farbname, Hex -Code, RGB -Wert) verwendet, um drei verschiedene Elemente (, und) Textfarbe und Hintergrundfarbe zu verleihen.

Ausgang

Verwenden der Farb- und Hintergrundfarbe Eigenschaft Alle drei Elemente werden gestylt.

Abschluss

Mit der Farb- und Hintergrund-Farben-Eigenschaft von CSS können Sie in einem HTML-Dokument Farben und Hintergrundfarben auf Ihren Text anwenden. Die Farbe kann angegeben werden, indem entweder der Farbname, der Hex -Code der Farbe oder der RGB -Wert der Farbe verwendet werden. Der Wertebereich eines Hex -Code beträgt 00 bis FF, während der Wertebereich eines RGB -Werts 0 bis 255 beträgt. Diese Bereiche repräsentieren die Intensität der Primärfarben. Dieses Schreiben unterstreicht die Farb- und Hintergrundfarbeneigenschaften von CSS in der Tiefe mit Hilfe geeigneter Beispiele.