CSS: Wichtige Eigenschaften und Generische Tyen

[Gunnar Bittersmann]

@@hmm

  font-size: 16px;

Nicht machen! Nicht Schriftgrößen (wie auch andere Eigenschften) in Pixel angeben, sondern relativ zur Basisschriftgröße in rem oder zur Schriftgröße des Elternelements (bei anderen Eigenschaften der des aktuellen Elements) in em angeben.

  text-aling: center;

Ich glaube nicht, dass das irgendeine Wirkung zeigt.

  font-family: Arial, "Times New Roman", sans-serif;

Da hat wohl jemand ein Kuckucksei ins Nest gelegt? Times New Roman ist keine serifenlose Schrift.

Jetzt bin ich bei Display: none, inline, block, inline-block, grid und flex. Wenn ich das richtig verstanden habe kann man mit Hilfe von Display Text/Elemente welche in einem Absatz stehen Formatieren.

Nein. Die display-Eigenschaft formatiert nicht die Inhalte darin, sondern das Element selbst.

<p>
  Toller Text <h1 class="meinDisplay">Unsichtbar</h1>
</p>

h1 darf nicht in p vorkommen.

Das aus diesem Quelltext generierte DOM sieht so aus, als wäre das HTML so:

<p>Toller Text</p>
<h1 class="meinDisplay">Unsichtbar</h1>
<p></p>

Bei Elementen, die bei allen Darstellungsarten versteckt werden sollen, gehört diese Information ins Markup, nicht ins Stylesheet. Dafür ist das hidden-Attribut da.

LLAP 🖖