Ausgezeichnet in CSS

Dieses Seminar zeigt detailliert die Möglichkeiten der Stylesheet-Sprache CSS für HTML und XHTML, die das Trennen von Abschnittformatierungen und Inhalten ermöglicht. An Beispielen lernen die Teilnehmer die von ›World Wide Web Consortium‹ definierten Standards CSS Level 1, CSS 2.1 und Teile von CSS3 kennen, und können Selektoren und Deklarationen anwenden, die für die Zuweisung von Farben, Schriften, Abstände und Ausrichtungen oder zur Elementpositionierung verwendet werden. Gleichzeitig machen Anwendungsfälle deutlich, wo die Unterschiede zwischen den Browsern liegen und wie Web-Designer mit diesen Problemen in der Praxis verfahren.

Inhalte des Seminars

Einführung in CSS

• Sinn und Zweck von CSS
• CSS-Tools
• Einfache Selektoren
• Vererbung
• Reihenfolge und Kaskadierung
• Zahlen, Prozentwerte, Längenangeben, Einheiten, URL
• Browser-Kompatibilität, Box Acid Test
• Browser-Hacks, @import
• Zukunft von CSS
• Sprachausgabe mit CSS

Selektoren

• Kombinierte Selektoren
• Klassen- und ID-Selektoren
• Kind-, Folge und Attribut-Selektoren
• Pseudoklassen und Pseudoelemente
• Universal-Selektor
• Änderungen in CSS3

Zeichen, Absatzattribute und Links

• Font-Familien, Reihenfolgen
• System-Fonts
• Schriftgrößen, Schriftschnitte und Schriftvarianten
• Hübsche Überschriften
• Horizontale und vertikale Einrückung
• Abstände
• Die Optik der Links anpassen
• Pseudo-Elemente
• Inhaltsverzeichnisse

Boxen und Positionierungen

• Das Boxen-Prinzip
• Fließende Boxen
• Inline
• Abstände
• Rahmen
• Positionierung von Elementen

Farben und Hintergründe

• Farbangaben
• Vorder- und Hintergrundfarbe
• Systemfarben

Listen und Tabellen

• Einrückung von Listenelementen
• Aufzählungszeichen anpassen
• Inline-Einträge
• Formatierungen von Tabellen
• Größen und Abstände
• Überschriften und Tabellenköpfe

Seitenlayouts und Druckangaben

• @page in CSS2
• Ränder und Abstände
• Seitenumbrüche
• Ein- und mehrspaltiges Layout
• Fließendes Layout
• Besondere Angaben in CSS für den Druck

Formulare

• HTML-Formulare
• Eingabefelder
• Auswahlmenüs
• Schaltflächen