CSS (Cascading Style Sheets) - Grundkurs

Grundlagen von Cascading Style Sheets

• Aufgabe und Funktionsweise von CSS im Zusammenspiel mit HTML
• Einsatzmöglichkeiten von CSS in Webprojekten, Corporate Design und Layout-Pflege
• Vorteile und Grenzen der Trennung von Inhalt und Gestaltung
• Browserkompatibilität und typische Darstellungsunterschiede
• Rolle von CSS3 für moderne Formatierungen und Gestaltungsmöglichkeiten

CSS in HTML einbinden

• Externe Stylesheets für wartbare Webseiten und größere Projekte
• Interne CSS-Regeln im Dokumentkopf
• Inline-Styles und sinnvolle Einsatzgrenzen
• Strukturierung von CSS-Dateien für übersichtliche Formatdefinitionen
• Praktischer Umgang mit Editoren und IDEs

Selektoren, Vererbung und Rangfolge

• CSS-Selektoren für den Zugriff auf HTML-Tags
• Klassen, IDs und elementbasierte Formatierung
• Vererbung von CSS-Eigenschaften verstehen und gezielt nutzen
• Rangfolge von CSS-Regeln und Prioritäten nachvollziehen
• Typische Konflikte zwischen Formatregeln erkennen und lösen

Gestaltung von Text, Farben und Oberflächen

• CSS-Formate für Schriftarten, Schriftgrößen und Schriftstile
• Textformatierung, Abstände und Ausrichtung
• Farben, Transparenz und Hintergründe einsetzen
• Listen gestalten und Standarddarstellungen anpassen
• Neue CSS3-Möglichkeiten für Typografie und visuelle Gestaltung

Box-Modell, Rahmen und Positionierung

• Kastenmodell mit Innenabstand, Außenabstand, Rahmen und Breite
• Rahmenoptionen und Gestaltung von Boxen
• Grundlagen der Positionierung von HTML-Elementen
• Layout-Aufbau mit CSS-Formaten
• Fehlerquellen bei Abständen, Größen und Elementfluss analysieren

Praxisübungen und Arbeitstechniken

• Viele praktische Übungen zur direkten Umsetzung der CSS-Regeln
• Schrittweise Formatierung bestehender HTML-Strukturen
• Tipps und Tricks für sauberes, wartbares CSS
• Typische Probleme aus Webdesign und Website-Pflege besprechen
• Vorbereitung auf weiterführende Themen wie Responsive Webdesign und CSS-Aufbauwissen

• HTML5-Kenntnisse entsprechend dem HTML5 Grundkurs
• Grundverständnis für den Aufbau von Webseiten und HTML-Elementen
• Erste Erfahrung mit einem Texteditor oder einer Entwicklungsumgebung ist hilfreich

• Webdesignerinnen und Webdesigner, die HTML-Seiten gezielt mit CSS gestalten und Layoutvorgaben umsetzen
• Webmasterinnen, Webmaster und Content-Verantwortliche, die bestehende Webseiten pflegen, anpassen und einheitlich formatieren
• Mitarbeiterinnen und Mitarbeiter aus Marketing, Online-Redaktion oder Kommunikation, die Corporate-Design-Regeln im Web sicher anwenden
• Einsteigerinnen und Einsteiger in Webentwicklung und Webdesign mit HTML-Grundkenntnissen, die Cascading Style Sheets strukturiert lernen möchten