Heim  >  Artikel  >  Web-Frontend  >  Welche drei Möglichkeiten gibt es, CSS-Farben zu schreiben?

Welche drei Möglichkeiten gibt es, CSS-Farben zu schreiben?

醉折花枝作酒筹
醉折花枝作酒筹Original
2021-07-14 14:34:403591Durchsuche

Die Art und Weise, Farbe zu schreiben, ist: 1. Verwenden Sie den Farbnamen, die Syntax „Farbe:Farbname“; 2. Verwenden Sie den Prozentsatz, die Syntax „Farbe:rgb(Prozent, Prozentsatz, Prozentsatz)“; Zahlenwert, die Syntax „color:rgb( Value, value, value)“.

Welche drei Möglichkeiten gibt es, CSS-Farben zu schreiben?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

In CSS können Farbwerte mit Farbnamen, Prozentsätzen, Zahlen und Hexadezimalwerten geschrieben werden.

1) Farbnamen verwenden

Obwohl es derzeit etwa 184 benannte Farben gibt, werden sie tatsächlich von verschiedenen Browsern unterstützt und es werden nur 16 Farbnamen als CSS-Spezifikationen empfohlen

Welche drei Möglichkeiten gibt es, CSS-Farben zu schreiben?

Die Verwendung wird nicht empfohlen Webseiten verwenden Farbnamen, insbesondere in großem Umfang, um zu vermeiden, dass einige Farbnamen von Browsern nicht analysiert werden oder dass verschiedene Browser Farben unterschiedlich interpretieren.

2) Verwenden Sie Prozentsätze

Dies ist die gebräuchlichste Methode, zum Beispiel:

color: rgb(100%, 100%, 100%);

Diese Anweisung setzt die drei Primärfarben Rot, Blau und Grün auf ihre Maximalwerte und die resultierende Kombination wird als Weiß angezeigt. Stattdessen können Sie rgb(0%, 0%, 0%) auf Schwarz setzen. Wenn die drei Prozentwerte gleich sind, wird Grau angezeigt. Je nachdem, welcher Prozentwert größer ist, wird welche Primärfarbe bevorzugt.

3) Verwenden Sie numerische Werte

Der Zahlenbereich reicht von 0 bis 255, zum Beispiel:

color: rgb(255, 255, 255);

Die obige Anweisung wird weiß angezeigt, im Gegenteil, sie kann auf rgb(0, 0, 0) eingestellt werden. , das schwarz angezeigt wird. Wenn die drei Werte gleich sind, ist die Anzeige grau. Ebenso hat der größere Wert einen größeren Anteil an der Primärfarbe.

Erweiterte Informationen:

4) Hexadezimale Farbe

Dies ist die am häufigsten verwendete Farbauswahlmethode, zum Beispiel:

color: #ffffff;

In dem ein #-Farbsymbol vor der Hexadezimalzahl hinzugefügt wird. Die obige Anweisung zeigt Weiß an. Im Gegenteil, Sie können #000000 auf Schwarz setzen, beschrieben durch RGB:

color: #RRGGBB;

von 0 bis 255, tatsächlich entspricht 255 in Dezimalzahl genau FF in Hexadezimalzahl, einem hexadezimalen Farbwert entspricht 3 Gruppen solcher Hexadezimalwerte, die in der angegebenen Reihenfolge den drei Primärfarben Rot, Blau und Grün entsprechen.

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWelche drei Möglichkeiten gibt es, CSS-Farben zu schreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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