Heim >Web-Frontend >CSS-Tutorial >Anleitung zur Verwendung von CSS-Farbe color_Basic-Tutorial
Rot
entspricht
rgb(255,0,0)
entspricht
rgb(100%,0%,0%)
entspricht
#ff0000
Entspricht
#f00
Es gibt 17 vorgegebene Farben, diese sind:
Aqua, Schwarz, Blau, Fuchsia, Grau, Grün, Limette, Kastanienbraun, Marineblau,
Oliv, Orange, Lila , Rot, Silber, Blaugrün, Weiß und Gelb
Transparent ist ebenfalls ein korrekter Wert.
Die drei Werte von RGB liegen zwischen 0 und 255, 0 ist die niedrigste Stufe, 255 ist die höchste Stufe, diese Werte können auch Prozentsätze sein.
Normalerweise verwenden wir die Dezimalschreibweise, also 0-9, aber bei der Hexadezimalschreibweise wird die Hexadezimalschreibweise verwendet, also 0 bis f.
Der hexadezimalen Länge von drei oder sechs Ziffern wird das Zeichen # vorangestellt. Beispielsweise ist #f00 die Komprimierung von ff0000 und #c96 ist #cc9966. Drei Ziffern sind leicht zu verstehen, wie RGB, die erste ist rot, die zweite ist grün und die dritte ist blau. Aber sechs Ziffern ermöglichen eine bessere Farbkontrolle.
Farbe und Hintergrundfarbe
Sie können Farbe und Hintergrundfarbe für Farbe verwenden. Im amerikanischen Englisch ist „Farbe“ nicht „Farbe“.
Blauer Hintergrund, gelber Text:
h1 {
Farbe: gelb;
Hintergrundfarbe: blau
}
Diese Farben können rau sein, Sie kann eine andere Farbe verwenden:
body {
Schriftgröße: 0,8em;
Farbe: Marineblau;
Farbe: #ffc;
Hintergrundfarbe: #009;
}
Sie können sehen, dass h1 gelb und blau geworden ist.
Farbe und Hintergrundfarbe können in den meisten HTML-Elementen, einschließlich Text, verwendet werden.