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:
Archiv | Kaskade
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 […]
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:
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 […]
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 […]
CSS-Lehrgang
-
Retina für alle! HiDPI-Webdesign einfach erklärt 10. Juli 2013
-
Alternative RSS-Reader: Nicht auf Feedly versteifen! 2. Juni 2013
-
Browsersupport – Welcher Browser kann was? 29. April 2013
-
Opera Browserengine Presto wird WebKit 14. Februar 2013
-
CSS-Code aus Photoshop kopieren und exportieren 25. Januar 2013
- Firebug Änderungen dauerhaft Speichern 1. November 2011
-
FileZilla optimal einrichten: 5 Tipps, die jeder kennen sollte! 9. April 2012
-
Mehrere Monitore: Mehr Platz auf dem Desktop 24. Januar 2011
- Neu laden des Browserfensters automatisieren 26. Dezember 2009
- Webdienste zum Testen der Browserdarstellung 21. Juni 2009
-
Nico: danke für den Beitrag :) hat mir sehr weitergeh...
-
Wolfgang Hansl: Hi, die beste Zusammenstellung ever zu diesem T...
-
dani: Nachtrag: so muss ich nicht immer jeden Server ei...
-
dani: Hallo, was ich dennoch nicht gefunden habe, ist m...
-
Matthias: Hallo Jens! Als Alternative zu "Supportdetails" ...