Florence Maurice

Webthemen

Kurzschreibweisen in CSS - Tipps für Einsteiger

In CSS existieren mehrere Kurzschreibweisen, so lassen sich mit einer Eigenschaft gleich mehrere Werte steuern. Das ist praktisch, allerdings gibt es einiges zu beachten.

Weiterlesen ...

Unterschied zwischen den CSS-Einheiten em und rem - Tipps für Einsteiger

Häufig nutzt man in CSS die Einheit rem, man verwendet sie für die Schriftgröße, aber auch für Abstände oder die Ausmaße von Elementen. Aber wofür steht rem eigentlich und was ist der Unterschied zu em?

Weiterlesen ...

text-wrap: balance: Ausgeglichene Zeilenlängen

Wenn eine Überschrift über mehrere Zeilen geht, dann kann es passieren, dass in der letzten Zeile nur ein einzelnes Wort steht. Schöner wäre dann, die Zeilen wären ausgeglichen. Genau das funktioniert mit text-wrap: balance.

Weiterlesen ...

Warum padding: auto in CSS nicht geht - Tipps für Einsteiger

padding: auto, dahinter ein Warnzeichen

`padding` definiert in CSS den Innenabstand, daneben gibt es noch `margin` zur Festlegung des Außenabstands. Bei `margin` ist der Wert `auto` möglich, bei `padding` hingegen nicht. Aber warum und wie findet man das raus?

Weiterlesen ...

Probleme beim Stylen des :visited-Zustands vermeiden

Wenn ich unterrichte, zeige ich die Dinge immer in deutlichen Farben. Und letztens wollte ich deutlich zeigen, wie man den :visited-Zustand von Links styled. Allerdings war das Ergebnis nicht so, wie ich erwartet hatte.

Weiterlesen ...

Häufige Fehler bei HTML-Listen vermeiden - Tipps für Einsteiger

Fehlermeldung des validator.w3.org - Element not allowed as child of element ul

Ich unterrichte immer wieder HTML & CSS für Einsteiger:innen. Und manche Fehler begegnen mir besonders häufig. Beispielsweise folgende Fehler bei Listen in HTML.

Weiterlesen ...

Selektor :nth-child(X of Y)

Der Selektor :nth-child(X of Y ) ist eine sehr nützliche Ergänzung in CSS. Und er ist auch etwas, was wirklich bisher gefehlt hat. Aber nun zu den Details.

Weiterlesen ...