====== CSS ====== ===== Grundlagen ===== * [[inf:css:grundlagen|Was ist CSS?, Geschichte und Vorteile von CSS]] * [[inf:css:einbindung|Einbindung in (X)HTML]] * [[inf:css:probleme|Probleme]] * [[inf:css:Einheiten]] * [[inf:css:bi|Block- und Inlineelemente]] * [[inf:css:dokumenttyp-definitionen|Exkurs: Dokumenttyp-Definitionen]] * [[inf:css:Exkurs - Unterschiede zwischen HTML und XHTML|Exkurs: Unterschiede zwischen HTML und XHTML]] ===== Deklarationen ===== * [[inf:css:Die verschiedenen Selektoren]] * [[inf:css:Klassen-IDs|Klassen und IDs]] * [[inf:css:Kommentare]] * [[inf:css:Verschachtelung]] * [[inf:css:Kurzformen]] ===== Vererbung und Kaskadierung ===== * [[inf:css:Vererbung an untergeordnete Elemente|Vererbung]] * [[inf:css:Kaskadierung und Priorität|Kaskadierung und Spezifität]] ===== XHTML-Elemente gestalten ===== * [[http://www.css4you.de/shortref.html|Schnellübersicht über alle CSS-Eigenschaften auf CSS4You.de (Mehr Infos mit Klick auf Eigenschaftsname)]] * [[inf:css:Schriftformatierungen]] * [[inf:css:Listen und Aufzählungen]] * [[inf:css:Links mit Pseudoklassen gestalten]] * [[inf:css:Boxen und Boxmodell]] * [[inf:css:Farben, Hintergrundfarben und Hintergrundbilder]] * [[inf:css:Tabellen]] * [[inf:css:Positionierung von Elementen]] * [[inf:css:Float- und Clear-Eigenschaft]] * [[inf:css:Formulare]] * [[inf:css:Übungen zur Elementgestaltung]] ===== Weiteres ===== * [[inf:css:Browser-Weichen]] * [[inf:css:Medienspezifische CSS-Dateien]] * [[inf:css:Entwicklerwerkzeuge]] **(S)** * [[http://www.css4you.de/wslayout1/index.html|Layout ohne Tabellen inkl. Beispiele (CSS4You.de)]] ===== Webseiten gestalten mit CSS - Anwendungsbespiele ===== * [[inf:css:2 Beispiel-Menüs]] * [[inf:css:festes einspaltiges Layout]] * [[inf:css:flexibles zweispaltiges Layout]] ===== Übungen ===== * [[inf:css:Übung 1 - Einbinden]] * [[inf:css:Übung 2 - Einfache Elemente]] * [[inf:css:Wiederholungsübung zu "XHTML-Elemente gestalten"|Wiederholungsübung zu "XHTML-Elemente gestalten": Anmeldung bei XY]] * [[inf:css:Screenshot einer Website nachbauen|Übung: Screenshot einer Website nachbauen]] * [[http://www.dommix.net/css_quiz|Abschließendes CSS-Quiz]] ===== Links ===== * [[http://www.css4you.de/|CSS4You: deutschsprachige CSS-Referenz mit vielen Informationen]] * [[http://www.webmasterpro.de/coding/article/css3.html|Übersicht über Neuerungen in CSS3 (webmasterpro.de)]] * [[http://4webmaster.de/wiki/CSS|CSS auf 4webmaster.de]] * [[http://sebi.xe.cx/css/|Webseiten-Beispiele von Sebastian]] * [[http://www.staff.uni-marburg.de/~aumann/workshops/css/|CSS-Workshop]] * [[http://w3schools.com/css/|W3Schools: englischsprachige Referenz-, Übungs- und Lernplattform]] * [[http://www.maurice-web.de/jetzt_lerne_ich_css.php|Buch: Jetzt lerne ich CSS]] * Validator (W3): * [[http://jigsaw.w3.org/css-validator/|CSS]] * [[http://validator.w3.org/unicorn/|Unicorn (HTML + CSS + Feed)]] * [[http://browsershots.org/|browsershots.org]] * [[http://intensivstation.ch|CSS HOW-TOs, CSS3-Features und Templates]]