Heim  >  Artikel  >  Web-Frontend  >  Ist Farbe ein neues Attribut in CSS3?

Ist Farbe ein neues Attribut in CSS3?

WBOY
WBOYOriginal
2022-04-22 17:10:231781Durchsuche

Farbe ist kein neues Attribut in CSS3. Das Farbattribut wird verwendet, um die Farbe von Text anzugeben. Sie können Farbnamen, hexadezimale Zeichen, RGB (Rot, Grün und Blau) verwenden. RGBA-, HSL- (Farbton, Sättigung, Helligkeit) und HSLA-Methoden zum Festlegen von Farben.

Ist Farbe ein neues Attribut in CSS3?

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

Farbe ist kein neues Attribut von CSS3

Farbe ist kein neues Attribut von CSS3

Farbversion: CSS1

Farbattribut gibt die Farbe von Text an.

Dieses Attribut legt die Vordergrundfarbe eines Elements fest (in der HTML-Darstellung wird die Farbe des Texts des Elements nicht durch die Farbe beeinflusst). Diese Farbe gilt auch für alle Ränder des Elements, sofern sie nicht durch border-color oder eine andere border-color-Eigenschaft überschrieben wird.

Um die Vordergrundfarbe eines Elements festzulegen, ist es am einfachsten, das Farbattribut zu verwenden.

Farbwerte können auf folgende Weise festgelegt werden:

  • Farbname Bei Farbnamen wie Rot, Blau, Braun, Hellseegrün usw. wird die Groß-/Kleinschreibung nicht beachtet. ​​

  • Hex Hex-Symbole #RRGGBB und #RGB (z. B. #ff0000). „#“, gefolgt von 6 oder 3 Hexadezimalzeichen (0-9, A-F).

  • RGB, Rot-Grün-Blau (RGB) gibt an, dass der Farbwert die Farbe des RGB-Codes ist, das Funktionsformat RGB(R,G,B) ist und der Wert 0-255 sein kann Ganzzahl oder Prozentsatz.

  • RGBA, Rot-Grün-Blau-Alpha (RGBa) RGBa erweitert den RGB-Farbmodus um einen Alphakanal, mit dem Sie die Transparenz einer Farbe festlegen können. a steht für Transparenz: 0=transparent; 1=undurchsichtig.

  • HSL, Farbton-Sättigung-Helligkeit (Hue-Saturation-Lightness) Der Farbton (Hue) stellt einen Winkel des Farbkreises dar (d. h. einen Ring, der einen Regenbogen darstellt).

Sättigung und Helligkeit werden in Prozent ausgedrückt.

100 % ist volle Sättigung, während 0 % eine Graustufe ist.

100 % Helligkeit ist weiß, 0 % Helligkeit ist schwarz und 50 % Helligkeit ist „normal“.

  • HSLA, Hue-Saturation-Lightness-Alpha (HSLa) HSLa geht vom HSL-Farbmodus aus und beinhaltet einen Alpha-Kanal, der die Transparenz einer Farbe festlegen kann. a steht für Transparenz: 0=transparent; 1=undurchsichtig. Das Beispiel lautet wie folgt:

    body {color: #92a8d1;}
    body {color: rgb(255,0,51);}
    body {color: rgba(255,0,0,0.7);}
    body {color: hsl(120,100%,25%) ;}
    body {color: hsla(240,100%,50%, 0.7);}
  • CSS-Video-Tutorial
)

Das obige ist der detaillierte Inhalt vonIst Farbe ein neues Attribut in CSS3?. 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