CSS-Grundsyntax
(Auszug aus "E-Books mit ePUB ─ Von Word zum E-Book mit XML" von Dr. Victor Wang)
CSS ist (leider) keine XML-basierte Markupsprache, sondern gehorcht einer eigenen Syntax, die dafür gedacht ist, bei Bedarf Style-Informationen kurz und knapp innerhalb des HTML-Codes einzubetten.
Die Grundidee von CSS ist es, einem so genannten Selektor, den Sie sich zunächst als ein XML- bzw. HTML-Element vorstellen können, bestimmte Eigenschaften zuzuordnen. Eine solche CSS-Anweisung wird in Form der folgenden Syntax formuliert:
[Selektor] {[Eigenschaft1]: [Wert1]; [Eigenschaft2]: [Wert2]; . . .}
Die geschweiften Klammern umschließen die zugeordneten Eigenschaften, der Doppelpunkt schließt den Namen der Eigenschaft ab, während der Strichpunkt jeweils eine Eigenschaft/Wert-Sequenz beendet.
Betrachten wir einige Beispiele in der folgenden Tabelle:
Beispiel | Selektor | Eigenschaft | Wert |
---|---|---|---|
h1 {color: #0000FF;} | h1 | color: | #0000FF |
h1 {font-family: ʼTimes New Romanʼ, serif;} | h1 | font-family | ʼTimes New Romanʼ, serif |
.emphasis {border: 1px solid;} | .emphasis | Border | 1px solid |
.emphasis {margin: 5px 5px 10px 20px;} | .emphasis | Margin | 5px 5px 10px 20px |
Tabelle: Syntaxbeispiele von CSS-Anweisungen
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema ePub bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © mitp 2011
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "E-Books mit ePUB" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
Verlagsgruppe Hüthig Jehle Rehm GmbH, Im Weiher 10, 69121 Heidelberg, kundenbetreuung(at)hjr-verlag.de