CSS einfach erklärt

border ist ein wichtiger Bestandteil des Box-Modells, welcher Rahmen um Elemente zeichnet. Der Rahmen, der den Innen- vom Außenrand voneinander trennt, besitzt die Eigenschaften:

• Breite (border-width)
• Stil (border-style)
• Farbe (border-color).

Auch hier lässt sich für jede dieser Eigenschaften mittels border-left, border-right, border-top und border-bottom für jede der vier Seiten ein eigener Wert angeben. Wird nur border angegeben, wird ein Rahmen mit gleicher Breite, Stil und Farbe auf allen vier Seiten des HTML-Elements festgelegt.

Mehr lesen … »

Bereits vor einiger Zeit hatte ich den IETester vorgestellt, mit deren Hilfe sich die Darstellung einer Website in den gängigsten Internet Explorer Versionen emulieren lässt. Ein ähnliches Tool gibt es nun von Microsoft mit dem Namen Expression Web Super Preview. Mit der aktuell vorgelegten Betaversion stehen von Hause aus die Rendering Engines für den IE6, IE7 und IE8 zur Verfügung, sowie alle Browser die man Lokal installiert hat. In einer späteren Version sollen andere Engines wohl direkt implementiert werden.

Die Möglichkeiten, die das Programm bietet, sind etwas umfangreicher als beim IETester. Als Highlight kann man eine Website in zwei Varianten überlagert darstellen lassen (z. B. IE6 und IE8), wodurch eine pixelgenaue Analyse möglich wird.

Mehr lesen … »

Der Tag <h?> erzeugt die Überschriften in einem HTML-Dokument. An die Stelle des Platzhalters “?” kommt dann eine Zahl zwischen eins und sechs, welche die Ebene der Überschrift angeben soll. Diese Elemente benutzt man innerhalb einer Website ausschließlich in einer hierarchischen Reihenfolge und ohne eine Stufe zu überspringen. Das heißt, die oberste Überschrift ist mit h1, Unterkapitel mit h2, deren Unterkapitel mit h3 usw. zu bezeichnen (h1 - h2 - h3 - h4 - h5 - h6).

Die Formatierung dieser Auszeichnungen (Schriftgröße, Abstände usw.) erfolgt mit Hilfe von CSS. Nun kann es vorkommen, dass zwei Überschriften direkt hintereinander folgen. Im Ergebnis kumulieren sich die definierten Abstände und wirken viel zu groß.

Mehr lesen … »

Die Grammatik für HTML und CSS wird vom W3C verbindlich vorgegeben. Für Webdesigner gibt es Validatoren, mit deren Hilfe man überprüfen kann, ob der geschriebene Seitenquellcode der W3C-Standardkonformität entspricht (siehe im Buch Seite 31 und 124). Das ist die erste Voraussetzung, damit der abrufende Quelltext von allen Browsern richtig verstanden und dargestellt werden kann. Hierauf hat man als Webdesigner direkten Einfluss.

Mehr lesen … »