Allgemeine CSS-Attribute Farbe und Einheit

Beim Schreiben von CSS-Code ist das Schätzen von Farben und Einheiten wichtig. Es gibt jedoch viele Möglichkeiten, Farben und Einheitenwerte in CSS zu schreiben, daher ist es notwendig, dies zu klären.

Farbe

Als ich gerade das Frontend lernte, stellte sich mir die Frage: „Wie soll ich einstellen?“ Es geht? Webseitenfarbe?“ Englische Farbnamen oder hexadezimale Farbwerte werden im Allgemeinen zum Festlegen von Farben verwendet, es gibt jedoch einige andere kompliziertere
Schreibmethoden in CSS.

RGB-Farbe

Der Computer erzeugt neue Farben durch verschiedene Stufen von Rot, Grün und Blau, die oft als RGB-Farben bezeichnet werden . Mit einem solchen Farbgenerierungsmechanismus können Sie die Farbe durch direkte Angabe verschiedener Farbstufen bestimmen und
die Werte der drei Farben selbst kombinieren.

Schreibmethode:
h1{color:rgb(100%,100%,100%)} Prozentuale RGB-Farbschreibmethode, der Zahlenbereich ist Von 0 % bis 100 % Hinweis: Die Werte der beiden Schreibmethoden werden alle gekürzt, der Prozentsatz wird auf 0 % - 100 % gekürzt, das heißt, wenn er 100 % überschreitet, wird er auf 100 % gekürzt, falls dies der Fall ist Wenn die Zahl kleiner als 0 % ist, wird sie auf 0 % gekürzt und die Zahl wird auf 0–255 gekürzt. Außerdem können die beiden nicht gemischt werden.
Wir werden die hexadezimale Farbe und die Farbnameneinstellungsfarbe nicht mehr erwähnen

Einheit

Längeneinheiten: Im Allgemeinen unterteilt in absolute Einheiten und relative Einheiten. Absolute Einheiten wurden von Anfang an selten verwendet, zumindest verwende ich sie selten in Projekten. Daher wird hier auf die Einführung absoluter Einheiten verzichtet. Relative Einheiten: Es gibt drei relative Längeneinheiten: em, ex und px. Die ersten beiden stellen „die Schrifthöhe des Elements“ bzw. „die Höhe des Buchstabens shezhi'x‘“ dar. Das letzte px steht für „Pixel“. 🎜>

Relativ, weil es von der Auflösung des Displays abhängt.

em: In CSS ist ein „em“ der Schriftgrößenwert einer bestimmten Schriftart. Die einzige Ausnahme besteht beim Festlegen der Schriftgröße. In diesem Fall ist der em-Wert relativ zum übergeordneten Element.

wie

body{font-size:20px;}

p{font-size:1em;}
• Zu diesem Zeitpunkt beträgt die Schriftgröße von p 20 Pixel , nicht die Standardgröße 16px.
  px: Entsprechend dem Pixelwert px einstellen. Zum Beispiel

body{font-size:20px;}
p{font-size:16px;}

p-Element Schriftart Die Größe beträgt 16 Pixel
Prozentwert: Im Vergleich zur Längeneinheit ist der Prozentsatz sehr einfach, es handelt sich um einen Prozentwert. Beispiel:
h1{line-height:150%;} Setzen Sie die Zeilenhöhe aller h1 auf die Hälfte der normalen Zeilenhöhe.

Kurz gesagt, der Prozentsatz wird immer anhand eines anderen Werts berechnet, der später in der Erklärung der Attribute einzeln erwähnt wird. Darüber hinaus kann der Prozentsatz positiv oder negativ sein. Für einige Attribute werden nur positive Werte akzeptiert, was eine andere Geschichte ist.

Es gibt heute so viel Inhalt und das Schreiben ist etwas chaotisch. Ich hoffe, dass ich in Zukunft immer besser schreiben werde.

Weitere Artikel zu Farbe und Einheit gängiger CSS-Attribute finden Sie auf der chinesischen PHP-Website!