CSS einfach erklärt

Immer wieder sieht man im Web Überschriften mit spiegelverkehrten Texten. Insbesondere in sozialen Netzwerken und Foren stößt man mit schöner Regelmäßigkeit auf Benutzernamen, die scheinbar auf dem Kopf stehen. In diesem Beitrag möchte ich die weltbewegende Frage beantworten, wie dieser unglaublich originelle Effekt entsteht. Okay, die Überschrift verrät ja bereits, dass der Beitrag nicht so ganz ernst gemeint ist und eher als Aprilscherz aufgefasst werden soll – obwohl sämtliche Informationen der Wahrheit entsprechen;-) Mehr lesen … »

Die Trennung von Inhalt und Layout ist das Leitmotiv für den Einsatz von Cascading Style Sheets. Hieraus ergeben sich drei wesentliche Vorteile:

Mehr lesen … »

Das Layout von HTML Fließtext ist auf den meisten Websites eine recht langweilige Angelegenheit. Gerne würde mancher Webdesigner auf die aus dem Printbereich bekanten Layoutmöglichkeiten zurückgreifen. So ist es beim Desktop-Publishing kein Problem, etwa runden Text um ein rundes Bild herumfließen zu lassen. Bei Verwendung der CSS-Eigenschaft float fließt der Text zwar um das Bild herum, allerdings wieder in eckiger Form. Das verwundert nicht, denn Websites bestehen nun mal aus viereckigen Kästen, die übereinander, nebeneinander oder ineinander gestapelt werden.

Mehr lesen … »

Im Buch bin ich recht ausführlich auf die Möglichkeit eingegangen, Text mit CSS zu formatieren (siehe ab Seite 44, Kapitel “Schriftformatierungen”). Relevant sind vor allem folgende CSS-Eigenschaften:

• font-family: Definiert die Schriftart(en).
• font-size: Definiert die Schriftgröße.
• line-height: Definiert die Zeilenhöhe.

Als Ergänzung möchte ich Anfängern einen Artikel von WDL ans Herz legen, in dem die 20 wichtigsten Tipps und Tabubrüche in Bezug auf Web-Typografie zusammengefasst wurden. Anmerken möchte ich aber, dass man verschiedene Fonts bzw. Schriftfamilien durchaus mischen kann, wenn man Sie lediglich als typografisches Stilmittel (begrenzt!) einsetzt. Auf diesem Wege lassen sich z. B. Überschriften oder Infokästen absetzen. Natürlich sollte man sie niemals innerhalb eines Fließtextes mischen, und alle Fließtexte sollten dieselbe serifenlose Schrift verwenden, etwa Verdana. Beachten sollten Sie ferner, dass die von Ihnen verwendeten Fonts auf möglichst vielen Betriebssystem installiert sind. Eine Übersicht über die Standardschriften (Core fonts) und deren Verbreitung finden Sie im Artikel Installierte Schriftarten auf verschiedenen Betriebssystemen.

Eine sinnvolle CSS-Regel zur Textgestaltung sollte sich grundsätzlich aus folgenden drei Komponenten zusammensetzen:

• der favorisierten Schrift,
• einer oder mehrerer Alternativen sowie
• einer Schriftgattung.

Der Browser arbeitet die Alternativen dann der Reihenfolge nach ab (vergleiche im Buch ab Seite 43). Hierdurch lässt sich das Design zumindest theoretisch weitgehend kontrollieren. Für den Webdesigner stellt sich nun die Frage, welche Schriftarten er überhaupt einsetzen kann. Und damit ist man bei der Überlegung angelangt, welche Fonts die Besucher einer Website voraussichtlich auf ihrem Betriebssystemen zur Verfügung (installiert) haben. Mehr lesen … »