04.02.2013 Aufrufe

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

MEHR ANZEIGEN
WENIGER ANZEIGEN

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.

CSS<br />

Die @import-Regel ist Ihnen bereits bekannt:<br />

@import "style.css";<br />

Alternativ können Sie eine URL angeben:<br />

@import url("/css/style.css");<br />

Optional kann der Medientyp angegeben werden:<br />

@import url(braille.css) braille, emboss;<br />

Die @import-Regeln müssen vor jeder anderen Regel im Stylesheet<br />

stehen (Ausnahme: @charset), ansonsten werden sie ignoriert.<br />

Mehrere aufeinanderfolgende @import-Anweisungen sind jedoch<br />

möglich.<br />

Die @charset-Regel darf nur einmal pro Dokument vorkommen<br />

und zwar als allererste Anweisung. Sie gibt die Zeichenkodierung<br />

an und wird eher selten verwendet.<br />

@charset "UTF-8";<br />

Lediglich der Browser Opera unterstützt die @page-Regel. Sie dient<br />

dazu, Seiten zu formatieren und ist damit für die Druckausgabe<br />

prädestiniert. Ob und wann mit der Unterstützung durch andere<br />

Browser zu rechnen ist, ist unklar, dennoch soll die @page-Regel<br />

hier zumindest erwähnt werden.<br />

Ohne Angabe einer Pseudoklasse, gelten die Deklarationen für<br />

alle Seiten, z. B.<br />

@page {<br />

margin: 2.5cm;<br />

}<br />

Pseudoklassen für die erste Seite (:first), die linke (:left) oder rechte<br />

(:right) Seite erlauben eine individuellere Gestaltung der Seiten,<br />

beispielsweise für den doppelseitigen Druck.<br />

Die @media-Regel schränkt den Geltungsbereich der darin enthaltenen<br />

Regeln auf bestimmte Ausgabemedien ein. So können<br />

innerhalb eines Stylesheets Angaben für unterschiedliche Ausgabegeräte<br />

gemacht werden:<br />

@media screen, projection {<br />

html {<br />

background: #fffef0;<br />

color: #300;<br />

}<br />

TECHNISCHE<br />

GRUNDLAGEN<br />

4<br />

73

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!