Warum sollte man CSS benutzen, um Inhalt von Darstellung zu trennen?

Das Ziel für Web-Entwickler ist es, alle Präsentations-Informationen aus dem HTML-Code zu extrahieren um diesen sauber und semantisch korrekt zu erhalten.

• Zugänglicher für ein breites Spektrum von Geräten
• Es ist leichter Änderungen der komplette Website durchzuführen – eine CSS-Datei bearbeiten anstelle aller HTML-Seiten
• Kleinere Dateien / schnellerer Download – weniger Code in der Seite
• Weniger Code in der Seite - leichter zu erstellen
• Ermöglicht den Besuchern die Website ihren Bedürfnissen anzupassen – Style-Switcher
• Man behält eine größere Kontrolle über den Code – so kann man z.B. den Code in der bevorzugten Reihenfolge für Screen-Reader ausliefern

Formatierung in jeder einzelnen HTML - Seite:

Formatierungen für alle HTML-Seiten in einer separaten CSS-Datei:

Dies ermöglicht eine einfache Verwaltung verschiedener Formatierungen für die selben HTML - Dateien

Separate CSS-Datei für aktuelle Browser, Drucker oder ältere Browser: