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;}
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.
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!
