Dieser Artikel ist kein Tutorial. Ich erkläre einfach die in der YAML-content.css vorgegebenen Werte, damit der User die Funktionsweise bzw. den Aufbau der YAML-CSS versteht.
Schlussendlich ist es dem User selbst überlassen, welche Werte er aus YAML übernimmt und welche er überschreibt. Zum Beispiel finde ich die vorgegebenen Schriftgrössen für die h1-h6 total unpraktisch. Diese ändere ich meistens sowieso ab.
Ich könnte aber einen Hinweis auf Deine 62,50% anbringen. Eine 2em Schrift wäre demzufolge 20 px. Ich müsste dann auch noch erklären, was "em" bedeutet. Und dass em immer mit den Ursprungswerten des Mutterelements zusammen hängt. Habe eine einfache Erklärung zu em gefunden:
------------------------------------------------------
Geviertbreite (em)
Die Einheit em ist gleich dem berechneten Wert der Eigenschaft font-size des Elements, auf das sie angewendet wird. Wird em für font-size selbst verwendet, bezieht es sich auf die Schriftgröße des übergeordneten Elements; ist keine solche vorgegeben, entspricht die Angabe 1em der vom Benutzer eingestellten Schriftgröße. Die Regel
h1 { line-height: 1.5em; }
bedeutet, dass die Zeilenhöhe von Elementen vom Typ h1 um 50 Prozent größer ist als deren Schriftgröße. Hingegen legt
h1 { font-size: 1.5em; }
fest, dass die Schriftgröße von Elementen vom Typ h1 um 50 Prozent größer ist als die berechnete (vererbte) Schriftgröße ihrer Elternelemente.
NACHTRAG:
Ich weiss nicht, ob ich in YAMLit auch noch CSS-Hilfe anbieten soll. Brauch ja selber immer Hilfe! Ich denke, solche Fragen sollten eher im Forum (yaml.de) geklärt werden. Und es gibt wirklich viele CSS-Hilfeseiten, die sehr gute Erklärungen liefern. Ich sehe es einfach nicht als meine Aufgabe
.
