CSS - Cascading Style Sheets HTML HTML ist ist die die Struktur, Struktur, CSS CSS ist ist das das Design Design
Eigenschaften von CSS: • Definitions...
CSS - Cascading Style Sheets HTML HTML ist ist die die Struktur, Struktur, CSS CSS ist ist das das Design Design
Eigenschaften von CSS: • Definitionssprache zur Festlegung von Formateigenschaften von HTML-Elementen und/oder ganzer Seiten für unterschiedliche Ausgabemedien, wie: – Bildschirm (screen), Dia-/Overheadprojektor (projection) – Fernseh-Ausgabe (tv), Handy, Palmtops usw. (handheld) – Druck (print), Blindenschrift (braille), Sprachausgabe (aural) – alle Medien (all) • nicht prozedural (keine Seiteneffekte) • Syntax an C/C++ angelehnt • CSS Level 1: 1996 (MS Internet Explorer ab V3.0, Netscape Navigator ab V4.0) • CSS Level 2: 3/1998 (Internet Explorer ab V4.0, Netscape Navigator ab V4.0)
CSS - Cascading Style Sheets HTML HTML ist ist die die Struktur, Struktur, CSS CSS ist ist das das Design Design
Eigenschaften von CSS: • Definitionen zur Festlegung von Formateigenschaften einzelner, spezieller und/oder allgemeiner HTML-Elemente wie: – Schriftart, Schriftgröße, Schriftstil und -farbe – Anordnung und Position in X-, Y-, und Z-Richtung – Hintergrundfarben und -grafiken – Rahmen – optischen Effekten (z.Z. nur MSIE ab 4.0)
CSS - Cascading Style Sheets Stylesheets einbinden: 1. Im Kopf einer HTML-Datei: Titel der Datei
CSS - Cascading Style Sheets Stylesheets einbinden: 2. Stylesheets aus separater Datei einbinden (HTML) Titel der Datei
CSS - Cascading Style Sheets Stylesheets einbinden: 3. Stylesheets aus separater Datei einbinden (CSS) Titel der Datei
CSS - Cascading Style Sheets Stylesheets einbinden: 4. Stylesheets für unterschiedliche Ausgabemedien (HTML) Titel der Datei
CSS - Zentrale Formate Titel der Datei Überschrift ein normaler Textabsatz Ein ListenpunktEin anderer Listenpunkt
CSS - Unterklassen(1) Titel der Datei Textabsatz mit Schrift 10 Punkt schwarz Textabsatz mit Schrift 12 Punkt schwarz Textabsatz mit Schrift 8 Punkt schwarz roter Textabsatz roter Absatz für Adressen blaues Zitat
CSS - Unterklassen(2) Titel der Datei Textabsatz mit Schrift 10 Punkt schwarz Textabsatz mit Schrift 12 Punkt schwarz Textabsatz mit Schrift 8 Punkt schwarz roter Textabsatz roter Absatz für Adressen blaues Zitat
CSS für verschachteltes HTML Titel der Datei Wir lernen Style-Sheets Wir lernen Style-Sheets
CSS für Pseudoelemente Titel der Datei >ein Verweis
Links zu CSS Lokale (Campus-)Links: Dokumentation CSS (Münz): http://home.htwm.de/mmlab/selfhtml/selfhtml.htm CSS-MILL (Stylesheet-Generator): http://home.htwm.de/mmlab/css/index.html Netscape-Farbtabelle: http://home.htwm.de/mmlab/download/coltab.htm
