HTML and CSS Reference
In-Depth Information
2.3 CSS3 - Grundlagen und Neuerungen
Bevor Sie gleich einige CSS3-Definitionen an Ihrer ersten eigenen WebApp testen,
möchten wir Ihnen noch erläutern, wie CSS generell funktioniert, was diese krypti-
sche Abkürzung überhaupt bedeutet und warum es so wichtig für die WebApp-Ent-
wicklung ist.
2.3.1 Was ist eigentlich CSS?
CSS steht als Abkürzung für
Cascading Style Sheet
, häufig einfach Stylesheet genannt.
Stylesheets sind integraler Bestandteil jeder WebApp. Sie definieren das Aussehen
und teilweise auch das Verhalten aller Elemente, seien es Überschriften, Paragrafen
oder auch ganze Bereiche, wie z. B. Kopf- oder Fußzeile.
Stylesheets sind ein sehr mächtiges Werkzeug, denn sie erlauben es, Gestaltung strikt
von Inhalten und Struktur einer WebApp zu trennen. Ein entscheidendes Prinzip,
welches Sie unbedingt verinnerlichen sollten: die Trennung von Design und Inhalt.
In einer HTML-Datei bestimmen Sie den Inhalt und die Elemente einer WebApp. Sie
definieren Texte, Bilder, Multimedia, aber auch die Struktur, wie diese Informationen
präsentiert werden sollen. Welche Informationen stehen z. B. im Kopfbereich, welche
im Fußbereich, welche im Inhaltsbereich?
Die CSS-Datei, die Sie dann mit der HTML-Datei verknüpfen, beinhaltet die visuelle
Gestaltung aller Elemente, also wie groß eine Überschrift sein soll, welche Hinter-
grundfarbe der Kopfbereich hat, in welcher Schriftart der Fließtext erscheint usw.
Ein Stylesheet kann Richtlinien für Position, Schriftgröße, Schriftart, Hintergrund-
farbe, Hintergrundbild, Höhe, Breite und vieles mehr enthalten.
Die Trennung von Design und Inhalten ist sinnvoll, weil sie die Entwicklung und
Umsetzung flexibel macht. Sie können Ihr Projekt Schritt für Schritt weiterentwi-
ckeln und gegebenenfalls das Design auf allen Seiten gleichzeitig modifizieren, da die
Designdefinitionen an einer Stelle in einer CSS-Datei ausgelagert sind. Dieses Prinzip
stellt ebenfalls sicher, dass ihr Projekt an mehreren Stellen die gleichen visuellen
Eigenschaften, wie z. B. eine einheitliche Schriftart, aufweist und Konsistenz erzeugt.
In einem Team können Designer über die CSS-Datei am Design und Entwickler über
die HTML-Datei gleichzeitig an einem Projekt arbeiten und die Entwicklung
beschleunigen. Kurzum: Die Trennung von Design und Inhalt ist eines der wichtigs-
ten Dogmen in der WebApp-Entwicklung. Sie sollten dieses Prinzip so stark wie mög-
lich verinnerlichen, weil es, auch bei kleinen Projekten, eine Menge Zeit und Nerven
spart sowie Flexibilität und Skalierbarkeit sicherstellt.
Aber genug zur Trennung von Design und Inhalt. Jetzt machen Sie's!
Search WWH ::
Custom Search