php-homepage.com

Einführung in CSS mit Beispielen

Cascading StyleSheets sind Dateien (*.css), die verwendet werden, um Webdokumente zu formatieren. CSS ist eine Stilsprache, hier werden sämtliche Informationen für die Darstellung und Formatierung (layout) einer Internetseite abgelegt.
Der große Vorteil in der Verwendung von stylesheets liegt in der Trennung von

Dies ist nicht nur nötig für ein semantisch sauberes (x)html, sondern erleichtert auch die Wartung bestehender Webseiten. So könnte man Beispielsweise Überschriften direkt im (.html,.xhtml,...)-Dokument formatieren:
< h1 style="color:#0000ff;">Überschrift </h1>

Auf diese Weise müsste man nun sämtliche Überschriften in allen Dokumenten einer Webseite einzeln ändern, wenn man einmal das layout oder wie in diesem Fall einfach die Schriftfarbe verändern will.
=>sehr mühselig, wenn sich da im Lauf der Jahre zig- wenn nicht sogar hunderte Seiten angesammelt haben.

Verwendet man ein externes CSS, würde in der .html stehen:

<h1>Überschrift</h1> in der .css Datei formatiert man nun sämtliche Überschriften, die mit dem h1-tag ausgezeichnet sind, in allen Dokumenten in einem Schritt: h1{ color:#0000ff;}

Somit lassen sich mittels css nachträgliche Designänderungen rasch und einfach realisieren. Auch kann man Beispielsweise mehrere .css Dateien verwenden, um einfach zwischen verschiedenen Designs wechseln zu können.

Soweit die Einführung, aber am schnellsten lernt man durch Übung:-)