CSS

CSS:

word-break: break-word;
overflow-wrap: break-word;
hyphenate-limit-chars: 15 5 5;

CSS Code:

@media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}

Um die Pfeile zu verstecken:

details summary::-webkit-details-marker {
  display:none;
}

Flex Container & Items:

Wenn man mehr als ein Leerzeichen braucht kann man diese Code verwenden:

li:before { content: " \00a0 \00a0  \003e \00a0 \00a0"; }

\003e ist ein Pfeil nach Rechts

CSS Alternative von <NOBR>:

white-space: nowrap;

Unsere Websites werden immer komplexer. Man verliert schnell den Überblick.

CSS Datein werden immer größer. Die Regeln sind oft in unterschiedlichen Dateien für unterschiedlichen Fällen oder Geräte wiederholt. Am Ende ist sehr schwierig raus zu finden welche von CSS Regeln/Eigenschaften (oder deren Kopien bevor letzter Überschreibung) nicht mehr nötig.

Google Chrome

1. Console öffnen mit "Shift + F2"
2. Befehl eingeben:  media emulate print

Wie verwendet man :not(selector) am effektivsten? Ein paar Beispiele wären sehr hilfreich.

CSS für Bildschirm

Nicht empfohlen: ex pt, cm, mm, in, pc

Empfohlen: em, px, %

https://www.w3.org/Style/Examples/007/units.de.html