Dies ist inspiriert, als ich in ein Zimmer ging und meine Eltern und mein Neffe dabei waren, die versuchten, ein Auto von A bis Z zu machen.

Eine Zugänglichkeit

Was viele Leute vergessen, aber meiner Meinung nach genauso wichtig ist wie Reaktionsfähigkeit.

B-Block

Senkrecht zur Schreibrichtung.

C berechnet

Berechnungen in CSS durchführen. Sehr praktisch.

D-Anzeige

Block, Inline, Inline-Block, Flex, Inline-Flex, Raster, Inline-Gitter, keine usw.

E:leer

Eine nützliche Pseudoklasse zum Gestalten von Elementen ohne untergeordnete Elemente. Solange sie keinen Leerraum enthalten.

F-Flexbox

Als ich zum ersten Mal mit CSS begann, lernte ich, indem ich mir den Inspektor ansah und mit Dingen herumspielte. Und dann habe ich jemanden kopiert, der seine Layouts mit Floats gemacht hat. Und es war so schwer, die Dinge zu positionieren. Das Erlernen von Flexbox machte den Unterschied.

G-Gitter

Was sich für mich immer noch wie der kompliziertere und leistungsfähigere Bruder von Flexbox anfühlt.

H-Höhe

Wie viel Platz etwas horizontal einnimmt.

Ich inline

Die Schreibrichtung. Wirklich nützlich zum Zentrieren, wo Sie margin-inline: auto verwenden können.

J rechtfertigen

In Flexbox Zombies verwenden Sie Ihren Justify-Laser, um Zombies in die Richtung zu zielen, in die Sie schießen.

K @keyframes

Animationsschritte.

L Zeilenhöhe

Kann dazu führen, dass Text völlig unlesbar erscheint, wenn er zu groß oder zu klein ist.

M-Marge

Leerraum um ein Element, der das Element nicht größer macht.

N keine

Nützlich, um die Anzeige von etwas zu stoppen oder Ränder zu entfernen.

O objekttauglich

Obwohl es den Anschein hat, als gäbe es das schon ewig, bin ich vor einiger Zeit auf etwas gestoßen, das relativ war. Es enthielt etwas JavaScript, das jemand geschrieben hatte, um damit umzugehen, dass Object-Fit neu war und noch nicht in allen Browsern funktionierte.

P-Polsterung

Abstand um das Element, der das Element größer macht. Negative Polsterung ist nicht so etwas wie ein negativer Rand.

Q-Abfragen

Medienabfragen und Containerabfragen, die für responsives Design und Barrierefreiheit verwendet werden.

R Reaktionsfähigkeit

Wichtig, um sicherzustellen, dass Ihre Website auf alle Bildschirme passt. Scheint ziemlich einfach zu sein, aber es gibt viele Websites, die bei manchen Größen nicht richtig passen.

S-Spezifität

Dies wird problematisch, wenn Sie versuchen, Stile von Drittanbietern zu überschreiben. Obwohl ich kürzlich gesehen habe, dass einige CMS-Plugins :where verwenden, was sehr hilfreich ist.

T-Text

Wird manchmal für die Schriftartengestaltung verwendet. Und manchmal verwendet man Schriftarten. Außer wenn Sie die Farbe des Textes ändern möchten. In diesem Fall ist keines von beidem der Fall.

U-Einheiten

Die am häufigsten verwendeten davon sind %, px, em und rem. Auch fr in Rastern und s und ms in Übergängen und Animationen.

V-Sichtbarkeit

Interessant, das Gegenteil von sichtbar ist verborgen. Was nicht das ist, was man logischerweise annehmen würde.

W-Breite

Wie viel Platz etwas horizontal einnimmt.

X-Überlauf-x

Ein bisschen wie ein Trick für x, aber nichts beginnt mit x. Dies steuert den horizontalen Überlauf. x wird auch mit Tailwind verwendet, wobei mx beispielsweise der horizontale Rand ist.

Y überlauf-y

Wie bei x steuert dies den vertikalen Überlauf. Und y bezeichnet im Allgemeinen die Vertikale in Rückenwind.

Z Z-Index

Der höchste/niedrigste Z-Index, den Sie verwenden können, ist (-)2.147.483.647. Oder die Unendlichkeit wird dir dasselbe geben. Aber eine Menge 9er einzugeben und sich dann zu fragen, warum es nicht funktioniert, ist eine viel einfachere Methode.