Cascading Style Sheets: Unterschied zwischen den Versionen
Michi (Diskussion | Beiträge) (Die Seite wurde neu angelegt: <b>Cascading Style Sheets / CSS</b> ist eine deklarative Stylesheet-Sprache für strukturierte Dokumente. Sie wird vor allem zusammen mit HTML und XML (z. B. be...) |
Michi (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
<b>Cascading Style Sheets / CSS</b> ist eine deklarative | <b>Cascading Style Sheets / CSS</b> ist eine deklarative [[Stylesheetsprache]] für strukturierte Dokumente. Sie wird vor allem zusammen mit [[HTML]] und [[XML]] (z. B. bei [[SVG]]) eingesetzt. CSS legt dabei fest, wie ein besonders ausgezeichneter Inhalt oder Bereich dargestellt werden soll. Dazu ist es wichtig, den HTML- bzw. XML-Code so zu gestalten, dass die Abschnitte, deren Aussehen gleich sein soll, auch als derselben Klasse angehörend erkannt werden können. Im HTML-Dokument wird nur die Bedeutung einzelner Abschnitte ausgezeichnet, während das Aussehen dieser ausgezeichneten Abschnitte im CSS festgelegt wird. Der eigentliche Inhalt wird also von der optischen Gestaltung getrennt. | ||
Mit CSS ist es möglich, für verschiedene Ausgabemedien (Bildschirm, Papier, Projektion, Sprache) eine unterschiedliche Darstellung anzugeben. Das ist nützlich, um beispielsweise Hyperlinks beim Drucken extra aufzuführen oder für Geräte mit geringerer Auflösung (z. B. PDA, Mobiltelefon) die Anzeige zu optimieren (geringere Seitenbreite und -höhe). | Mit CSS ist es möglich, für verschiedene Ausgabemedien (Bildschirm, Papier, Projektion, Sprache) eine unterschiedliche Darstellung anzugeben. Das ist nützlich, um beispielsweise Hyperlinks beim Drucken extra aufzuführen oder für Geräte mit geringerer Auflösung (z. B. PDA, Mobiltelefon) die Anzeige zu optimieren (geringere Seitenbreite und -höhe). | ||
Zeile 7: | Zeile 7: | ||
CSS gilt heutzutage als die Standard-Stylesheetsprache für Webseiten. | CSS gilt heutzutage als die Standard-Stylesheetsprache für Webseiten. | ||
CSS-Stilvorlage einbinden | == FAQ == | ||
=== CSS-Stilvorlage in eine HTML-Datei direkt einbinden === | |||
<pre class=wiki> | <pre class=wiki> | ||
Zeile 17: | Zeile 19: | ||
== Weblinks == | == Weblinks == | ||
{{ | {{Weblinks}} | ||
{{url_dewikipedia|Cascading_Style_Sheets|Cascading Style Sheets}} | |||
{{url|US|Eric Meyer|eng|http://meyerweb.com/eric/css/edge/index.html|CSS-Edge}} | |||
{{url|DE|Maik Ritter|ger|http://www.css4you.de/|CSS 4 you : die deutsche Seite für Cascading Stylesheets / CSS}} | |||
{{Fuss}} | |||
{{cat|HTML}} | {{cat|HTML}} | ||
{{cat| | {{cat|Stylesheetsprache}} | ||
{{cat|XML}} | {{cat|XML}} |
Aktuelle Version vom 7. Februar 2010, 15:38 Uhr
Cascading Style Sheets / CSS ist eine deklarative Stylesheetsprache für strukturierte Dokumente. Sie wird vor allem zusammen mit HTML und XML (z. B. bei SVG) eingesetzt. CSS legt dabei fest, wie ein besonders ausgezeichneter Inhalt oder Bereich dargestellt werden soll. Dazu ist es wichtig, den HTML- bzw. XML-Code so zu gestalten, dass die Abschnitte, deren Aussehen gleich sein soll, auch als derselben Klasse angehörend erkannt werden können. Im HTML-Dokument wird nur die Bedeutung einzelner Abschnitte ausgezeichnet, während das Aussehen dieser ausgezeichneten Abschnitte im CSS festgelegt wird. Der eigentliche Inhalt wird also von der optischen Gestaltung getrennt.
Mit CSS ist es möglich, für verschiedene Ausgabemedien (Bildschirm, Papier, Projektion, Sprache) eine unterschiedliche Darstellung anzugeben. Das ist nützlich, um beispielsweise Hyperlinks beim Drucken extra aufzuführen oder für Geräte mit geringerer Auflösung (z. B. PDA, Mobiltelefon) die Anzeige zu optimieren (geringere Seitenbreite und -höhe).
Neben verschiedenen Angaben zu Farben und Schriften bietet CSS die Möglichkeit, Elemente frei zu positionieren oder Hintergrundbilder festzulegen.
CSS gilt heutzutage als die Standard-Stylesheetsprache für Webseiten.
FAQ
CSS-Stilvorlage in eine HTML-Datei direkt einbinden
<style type="text/css" media="all"> @import "meine-stilvorlage.css"; </style>
Weblinks
Herausgeber | Sprache | Webseitentitel | Anmerkungen |
---|---|---|---|
Wikipedia | ger | Cascading Style Sheetswbm | Enzyklopädischer Artikel |
Eric Meyer | eng | CSS-Edgewbm | |
Maik Ritter | ger | CSS 4 you : die deutsche Seite für Cascading Stylesheets / CSSwbm |