Heim > Artikel > Web-Frontend > Welche drei Möglichkeiten gibt es, CSS-Farben zu schreiben?
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)“.
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
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!