Klassifizierte Abschnitte

Mit "klassifizierten Abschnitten" meine ich Abschnitte, denen ich eine Klasse zuweise, für die ich im CSS eine spezielle Gestaltung regele. Der Vorteil von CSS-Regeln für eine Klasse ist, dass man beim entsprechenden HTML-Element im HTML-Modus des Post nur die Klasse eintragen muss, um für dieses Element diese spezielle Gestaltung zu erreichen.

Die Gestaltungsregeln sollen entweder eine Funktion (z.B. Antippbarkeit) unterstützen oder auf die Art des Inhalts eines bestimmten Bereichs hinweisen, was der besseren visuellen Orientierung in Posts bzw. auf Seiten dient. Man kann die Schrift oder den Hintergrund gestalten, Rahmen um die Bereiche setzen oder die Bereiche durch spezielle Abstände vom sonstigen Inhalt leichter unterscheidbar und wiedererkennbar machen.

Für welche Elemente ich bereits eine Klasse mit CSS-Regeln zu einem bestimmten Zweck eingerichtet habe

  1. Für Linklisten - ul oder ol class="linkliste"
  2. Größere Zeilenhöhe für kurze Fließtext-Abschnitte mit mehreren Links - div class="zeilenhoehe36px"
  3. Für Bereiche in denen Code angezeigt wird - div class="code"
  4. Für kurze Begleitinfos - div class="rahmengelb"
  5. Markierung eines hervorgehobenen Abschnitts, mit einem Begriff, der den Inhalt des Abschnitts verdeutlicht, z.B. HTML oder CSS oder Begleitinfo. Innerhalb von div class="code" und div class="rahmengelb" ganz oben den Begriff einfügen und um diesen Begriff eine Markierungs-div setzen - div class="markierung"
  6. Möglichkeit eines kürzeren vertikalen Abstands als mit br - div class="abstand3px" ... oder ... 6px, 9px, 12px, 5px, 10px, 15px, 20px
  7. Container für die Elemente address und time, die ich für meine (wie ich sie nenne) Postunterschrift nutze - div class="addresstime"

Posts zu den einzelnen Klassen

Ute Ziemes, 13021961.blogspot.de
, 

Kommentare

Kommentar veröffentlichen