CSS

Um festzustellen, ob ein Benutzer den Darkmode im Browser benutzt und entsprechende Ansichten zu erstellen kann man das "media query: @media (prefers-color-scheme: dark) { ...

In einer "gemischten" Gruppe von div-Elementen möchte ich jedem zweiten mit einer bestimmten Klasse eine Eigenschaft zuweisen.

Container mit einem festen Seitenverhältnis, welcher aber in der Größe (Höhe) dynamisch (in Abhängigkeit der prozentualen Eingabe) ist.

Der Submit-Button will ausgerechnet im Firefox (der sonst eigentlich immer alles so darstellt, wie es sein soll) nicht so aussehen, wie ich das gerne hätte.

Kapitälchen (small-caps) werden in Webkit-Browsern (Chrome, Safari, ...) kleiner ausgegeben, wenn diese automatisch generiert werden, also nicht als Schnitt im Font enthalten sind.

In CSS 3 kann man mit der Kombination aus background-attachment: fixed und background-size: cover ein fest positioniertes Bild über die Viewportbreite einstellen. 

Verhindern, dass ein Text auf der Internetseite "einfach" ausgewählt werden kann:

Man will ja auch ab und zu einen absolut positionierten Inhalt zentrieren. Um das Ganze möglichst "responsive" zu halten benutze ich keine fixen Angaben: