Cascading Style Sheets: Grundkurs

Der Kurs behandelt folgende Themen:

Was sind Cascading Style Sheets?

• Geschichte und Entwicklung von CSS.
• Verständnis für den Zweck und die Relevanz von CSS in der Webentwicklung.

Einsatzmöglichkeiten von CSS: Vorteile und Grenzen

• Wie CSS das Design und Layout einer Website beeinflusst.
• Möglichkeiten und Grenzen beim Stylen mit CSS.

CSS und Browserkompatibilität

• Herausforderungen bei unterschiedlichen Browsern und Versionen.
• Tools und Ressourcen zur Überprüfung der Kompatibilität.

Einbinden von CSS-Vorlagen in HTML

• Externe Stylesheets: Vorteile und Best Practices.
• Interne und in-line Styles: Wann und wie man sie verwendet.

CSS-Selektoren: Auf HTML-Tags zugreifen

• Grundlegende Selektoren und Kombinatoren.
• Selektoren für Klassen, IDs und Attribute.

Vererbung und Rangfolge von CSS-Formaten

• Wie Styles in HTML-Elementen vererbt werden.
• Verständnis der Spezifität und wie sie die Rangfolge beeinflusst.

CSS-Formate für diverse Web-Elemente

• Schrift und Text: Schriftfamilie, Größe, Abstand, Ausrichtung, etc.
• Kastenmodell: Margin, Padding, Border und Box-Sizing.
• Listen: Bullet-Stile und Positionierung.
• Farben und Hintergründe: Farbwerte, Verläufe und Hintergrundbilder.
• Positionierung: Static, Relative, Absolute und Fixed.

CSS-Editoren kennenlernen

• Vorstellung populärer Editoren wie Visual Studio Code, Sublime Text, etc.
• Plugins und Erweiterungen für effizientes Arbeiten mit CSS.

Einführung in CSS 3

• Neue und erweiterte Selektoren.
• Features wie Transparenzen, Schatten, Rahmenoptionen und Animationen.
• Responsive Webdesign: Media Queries.

Praktische Übungen

• Hands-on-Aufgaben: Erstellen von Websites und Komponenten mit den gelernten Techniken.

Tipps und Tricks