Archiv | Kaskade

Arboreal – DOM-Model mit Firebug verstehen

Ein Browser, der von einem Webserver einen HTML-Quelltext einliest (parst), erstellt zunächst einen virtuellen Dokumentenbaum, der den hierarchischen Aufbau beschreibt. Die Fachbezeichnung hierfür lautet Document Object Model, abgekürzt DOM. Die nachfolgende Abbildung zeigt, wie ein solches Modell für einen einfachen Dokumentenbaum aussehen kann:

Mehr lesen… » · Kommentare { 0 }

Standard-Browser-Stylesheets einsehen

Jeder Browser verfügt zunächst einmal über ein eigenes Standard-Browser-Stylesheet. Darin stehen bestimmte Regeln, die sich zum größten Teil an den Initialwerten der CSS-Empfehlung anlehnen. Das W3C macht hierfür einen Vorschlag, der allerdings nicht normativ ist. Beim Firefox kann man sich diese Datei auch anschauen. Sie heißt html.css und liegt im Programmordner von Firefox im Unterordner […]

Mehr lesen… » · Kommentare { 0 }

Die goldenen CSS-Regeln für Anfänger

Beim stöbern im Netz bin ich auf eine Zusammenfassung der wichtigsten CSS-Grundregeln gestoßen, die ich gerne mit Euch teilen möchte. Konkret geht es um folgende acht Punkte, die ich mal als Gebote zusammenfasse:

Mehr lesen… » · Kommentare { 0 }

Firebug Code-Änderungen nachvollziehen

Änderungen, die man mit Hilfe von Firebug am Code vorgenommen hat, werden von Haus aus leider nicht protokolliert. In der Praxis passiert häufig folgendes: Man probiert zahlreiche Varianten durch und kann sich am Ende nicht mehr genau erinnern welche Eingriffe man zu welchem Zeitpunkt durchgeführt hat. Man weiß nur noch, dass eine der letzten Varianten […]

Mehr lesen… » · Kommentare { 0 }

Mit dem Universal-Selektor alle Boxen sichtbar machen

Der Universal-Selektor wird mit einem Sternchen gesetzt und wird automatisch auf alle HTML-Elemente einer Website angewendet: 1 2 3 * { color: red; } Der Universalselektor wird sehr selten verwendet, da es meistens ja gerade nicht gewünscht ist, eine Stilregel gnadenlos auf alle HTML-Elemente anzuwenden. Gute Dienste leistet er allerdings bei Justierung einer Website, wie […]

Mehr lesen… » · Kommentare { 0 }