CSS-Praxisbuch
von: Helma Spona
Markt +Technik Verlag, 2005
ISBN: 9783827268921
Sprache: Deutsch
509 Seiten, Download: 12888 KB
Format: PDF, auch als Online-Lesen
geeignet für:
| Im Überblick | 6 | ||
| Inhaltsverzeichnis | 8 | ||
| Einleitung | 20 | ||
| Suchen und Finden | 21 | ||
| Kapitelinhalte und Symbole | 22 | ||
| Kapitel 1: CSS Grundlagen | 22 | ||
| Kapitel 2: Stile definieren | 23 | ||
| Kapitel 3: Browseroptimierung | 23 | ||
| Kapitel 4: Textformatierungen | 23 | ||
| Kapitel 5: Größen, Abstände und Positionierung | 23 | ||
| Kapitel 6: Listen und Aufzählungen | 24 | ||
| Kapitel 7: Bilder und Hintergründe | 24 | ||
| Kapitel 8: Linien und Rahmen | 24 | ||
| Kapitel 9: Tabellen und Spalten | 24 | ||
| Kapitel 10: Spezielle Medien: Druck und Sprachausgabe | 24 | ||
| Kapitel 11: Sonstige Formatierungen, Pseudo Elemente und Klassen | 24 | ||
| Verwendete Symbole | 25 | ||
| So wurde getestet | 27 | ||
| Die Autorin | 29 | ||
| Fragen und Anmerkungen | 29 | ||
| Marken und Warenzeichen | 30 | ||
| Teil 1 CSS Konzepte im Überblick | 32 | ||
| 1 CSS Grundlagen | 34 | ||
| 1.1 Was ist CSS? | 34 | ||
| Wie funktioniert CSS? | 35 | ||
| Der CSS Standard im Überblick | 35 | ||
| Einsatzmöglichkeiten | 36 | ||
| Was CSS (zurzeit) noch nicht kann | 37 | ||
| 1.2 Vor und Nachteile von CSS | 38 | ||
| Browserkompatibilität | 40 | ||
| Browser und ihre Fähigkeiten im Überblick | 43 | ||
| 1.3 Trennung von Layout und Inhalt | 50 | ||
| (X)HTML Crashkurs | 51 | ||
| Eine HTML Datei erstellen | 51 | ||
| Die Grundstruktur | 51 | ||
| HTML Tags verschachteln | 54 | ||
| Notwendige und optionale Attribute | 55 | ||
| Der DocType der HTML Datei | 57 | ||
| Webseiten strukturieren und formatieren | 59 | ||
| Formatieren mit CSS | 61 | ||
| 1.4 CSS in der Praxis | 65 | ||
| CSS und HTML Code im Browser testen | 65 | ||
| Anzeige Modi | 67 | ||
| Validität von CSS und HTML prüfen | 71 | ||
| CSS Editoren | 74 | ||
| 2 Stile definieren | 82 | ||
| 2.1 Verschiedene Stilarten und deren Bedeutung | 82 | ||
| Element Selektoren | 83 | ||
| Klassen Selektoren | 84 | ||
| ID Selektoren | 85 | ||
| Pseudo Klassen und Pseudo Elemente | 86 | ||
| Operatoren nutzen | 87 | ||
| Fehlerverhalten standardkonformer Browser | 104 | ||
| 2.2 Vererbung von Stilen | 105 | ||
| Dokument Formatierung im Detail | 105 | ||
| Spezifität und Kaskadenreihenfolge der Selektoren | 106 | ||
| Gewichtung anpassen | 108 | ||
| Überschreiben von Werten | 109 | ||
| Vererbung im Detail | 111 | ||
| Vererbung erzwingen | 114 | ||
| 2.3 Zahlen und Maßeinheiten | 115 | ||
| Relative und absolute Maße | 115 | ||
| Pica, Point und Pixel | 116 | ||
| Die Einheiten em und ex | 117 | ||
| Prozentwerte | 118 | ||
| 2.4 Farben | 119 | ||
| Farbnamen | 119 | ||
| RGB Farben | 120 | ||
| 2.5 Das Boxmodell | 121 | ||
| 3 Browseroptimierung | 124 | ||
| 3.1 Stylesheets in HTML Seiten integrieren | 124 | ||
| Das style Attribut | 124 | ||
| Das style Element im head Bereich | 126 | ||
| CSS Dateien verknüpfen | 134 | ||
| Alternative CSS Dateien | 135 | ||
| 3.2 Ausgabemedien im Detail | 136 | ||
| 3.3 CSS Browserweichen | 139 | ||
| Netscape Navigator | 140 | ||
| Der Opera Browser | 142 | ||
| Internet Explorer | 144 | ||
| iCab | 153 | ||
| Teil 2 CSS Referenz | 156 | ||
| 4 Textformatierungen | 158 | ||
| 4.1 Einführung | 158 | ||
| 4.2 Praxistaugliche Attribute | 158 | ||
| Buchstabenabstand (letter spacing) | 159 | ||
| Großschreibung (text transform) | 161 | ||
| Leerraum (white space) | 162 | ||
| Schriftfamilie (font family) | 165 | ||
| Schriftgröße (font size) | 167 | ||
| Schriftstärke (font weight) | 168 | ||
| Schriftstil (font style) | 169 | ||
| Schriftvariante (font variant) | 170 | ||
| Textausrichtung (text align) | 172 | ||
| Textdekoration (text decoration) | 173 | ||
| Texteinrückung (text indent) | 175 | ||
| Vertikale Textausrichtung (vertical align) | 178 | ||
| Vordergrundfarbe (color) | 182 | ||
| Wortabstand (word spacing) | 184 | ||
| Zeilenhöhe (line height) | 186 | ||
| 4.3 Nicht/schlecht unterstützte Attribute | 188 | ||
| Anführungszeichen (quotes) | 188 | ||
| Schriftdehnung (font stretch) | 189 | ||
| Textausrichtung der letzten Zeile (text align last) | 191 | ||
| Textschatten (text shadow) | 193 | ||
| Typ der Textausrichtung (text justify) | 195 | ||
| Schrifteffekt (font effect) | 198 | ||
| @font face Regel | 199 | ||
| 4.4 Praxisbeispiel | 200 | ||
| 5 Größen, Abstände und Positionierung | 204 | ||
| 5.1 Einführung | 204 | ||
| Das Boxmodell | 204 | ||
| Das visuelle Formatierungsmodell von CSS | 205 | ||
| Absolute und relative Positionierung | 211 | ||
| 5.2 Praxistaugliche Attribute | 212 | ||
| Anzeigeart (display) | 212 | ||
| Ausschnitt (clip) | 229 | ||
| Außenabstand (margin, margin top, margin bottom, margin left, | 231 | ||
| margin right) | 231 | ||
| Breite (width) | 235 | ||
| Flusssteuerung (clear) | 238 | ||
| Höhe (height) | 241 | ||
| Innenabstand (padding, padding top, padding bottom, padding left, | 244 | ||
| padding right) | 244 | ||
| Linke Position (left) | 247 | ||
| Obere Position (top) | 249 | ||
| Positionierungsart (position) | 251 | ||
| Rechte Position (right) | 255 | ||
| Sichtbarkeit (visibility) | 257 | ||
| Stapelreihenfolge (z index) | 262 | ||
| Textumfluss (float) | 267 | ||
| Untere Position (bottom) | 270 | ||
| Überlauf (overflow) | 274 | ||
| 5.3 Nicht/schlecht unterstützte Attribute | 277 | ||
| Maximale Breite (max width) | 277 | ||
| Maximale Höhe (max height) | 278 | ||
| Minimale Breite (min width) | 279 | ||
| Minimale Höhe (min height) | 280 | ||
| 5.4 Praxisbeispiel | 281 | ||
| Seitenbanner | 282 | ||
| Horizontale Navigationsleiste | 283 | ||
| Vertikale Navigationsleiste | 284 | ||
| 5.5 Zweispaltiges Layout für den Inhalt | 286 | ||
| Netscape Kompatibilität | 288 | ||
| 6 Listen und Aufzählungen | 290 | ||
| 6.1 Einführung | 290 | ||
| 6.2 Praxistaugliche Attribute | 291 | ||
| Listengrafik (list style image) | 291 | ||
| Listenstil (list style) | 293 | ||
| Listentyp (list style type) | 293 | ||
| Listenzeichenposition (list style position) | 297 | ||
| 6.3 Nicht/schlecht unterstützte Attribute | 299 | ||
| Inhaltserzeugung (content) | 299 | ||
| Marker Position (marker offset) | 303 | ||
| Zähler erhöhen (counter increment) | 305 | ||
| Zähler zurücksetzen (counter reset) | 307 | ||
| 7 Bilder und Hintergründe | 310 | ||
| 7.1 Einführung | 310 | ||
| 7.2 Praxistaugliche Attribute | 311 | ||
| Hintergrund (background) | 311 | ||
| Hintergrundbild (background image) | 312 | ||
| Hintergrund fixieren (background attachment) | 314 | ||
| Hintergrundfarbe (background color) | 316 | ||
| Hintergrundposition (background position) | 317 | ||
| Hintergrundwiederholung (background repeat) | 320 | ||
| 7.3 Nicht/schlecht unterstützte Attribute | 321 | ||
| Deckkraft (opacity) | 321 | ||
| 7.4 Praxisbeispiel | 324 | ||
| Banner gestalten | 324 | ||
| Seitenhintergrund | 325 | ||
| Die Schaltflächen formatieren | 325 | ||
| 8 Linien und Rahmen | 328 | ||
| 8.1 Einführung | 328 | ||
| 8.2 Praxistaugliche Attribute | 329 | ||
| Rahmen (border, border top, border right, border left, border bottom) | 329 | ||
| Rahmenfarbe (border color, border top color, border right color, | 331 | ||
| border left color, border bottom color) | 331 | ||
| Rahmenstärke (border width, border top width, border right width, | 332 | ||
| border left width, border bottom width) | 332 | ||
| Rahmenstil (border style, border top style, border right style, border | 335 | ||
| left style, border bottom style) | 335 | ||
| Umrandung (outline) | 340 | ||
| Umrandungsbreite (outline width) | 342 | ||
| Umrandungsfarbe (outline color) | 343 | ||
| Umrandungsstil (outline style) | 344 | ||
| 8.3 Nicht/schlecht unterstützte Attribute | 345 | ||
| Box Schatten (box-shadow) | 345 | ||
| Rahmenbruch (border-break) | 346 | ||
| Rahmenradius (border-radius, border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius) | 347 | ||
| 8.4 Praxisbeispiel | 349 | ||
| 9 Tabellen und Spalten | 352 | ||
| 9.1 Einführung | 352 | ||
| 9.2 Praxistaugliche Attribute | 353 | ||
| Rahmenabstand (border-spacing) | 353 | ||
| Rahmenverschmelzung (border-collapse) | 354 | ||
| Tabellenlayout (table-layout) | 358 | ||
| Tabellentitelposition (caption-side) | 360 | ||
| 9.3 Nicht/schlecht unterstützte Attribute | 361 | ||
| Leere Zellen (empty-cells) | 361 | ||
| Textausrichtung (text-align) | 364 | ||
| 10 Spezielle Medien: Druck und Sprachausgabe | 368 | ||
| 10.1 Einführung in seitenorientierte Medien | 368 | ||
| 10.2 Praxistaugliche Attribute | 371 | ||
| Seitenumbruch (page-break-before, page-break-after, page-break-inside | 371 | ||
| 10.3 Nicht/schlecht unterstützte Attribute | 374 | ||
| Hurenkinder (widows) | 374 | ||
| Pseudo Klassen :first, :right, :left | 375 | ||
| Schneidemarken (marks) | 375 | ||
| Schusterjungen (orphans) | 377 | ||
| Seitengröße (size) | 378 | ||
| Seitenrand (margin) | 380 | ||
| Seitentyp (page) | 382 | ||
| 10.4 Einführung Sprachausgabe | 383 | ||
| 10.5 Eigenschaften zur Sprachausgabe | 384 | ||
| Akustische Icons (cue-before, cue-after und cue) | 384 | ||
| Aussprache der Interpunktion (speak-punctuation) | 386 | ||
| Aussprache von Überschriften (speak-header) | 386 | ||
| Aussprache von Zahlen (speak-numeral) | 388 | ||
| Frequenzbereich (pitch-range) | 389 | ||
| Frequenzspitze (stress) | 390 | ||
| Hintergrundsound (play-during) | 390 | ||
| Horizontale Sound Position (azimuth) | 392 | ||
| Lautstärke (volume) | 394 | ||
| Pausen (pause before, pause-after und pause) | 395 | ||
| Spracheigenschaften (speak) | 396 | ||
| Sprechgeschwindigkeit (speech-rate) | 398 | ||
| Stimmfamilie (voice-family) | 399 | ||
| Stimmfrequenz (pitch) | 400 | ||
| Stimmumfang (richness) | 401 | ||
| Vertikale Sound Position (elevation) | 402 | ||
| 11 Sonstige Formatierungen, Pseudo Elemente und Klassen | 404 | ||
| 11.1 Einführung | 404 | ||
| 11.2 Praxistaugliche Formatierungen | 405 | ||
| Mauszeiger (cursor) | 405 | ||
| Pseudo Klasse :active | 408 | ||
| Pseudo Element :after | 409 | ||
| Pseudo Element :before | 409 | ||
| Pseudo Klasse :first-child | 412 | ||
| Pseudo Element :first-letter | 413 | ||
| Pseudo Element :first-line | 415 | ||
| Pseudo Klasse :focus | 417 | ||
| Pseudo Klasse :hover | 420 | ||
| Pseudo Klasse :link | 421 | ||
| Pseudo Klasse :visited | 423 | ||
| 11.3 Nicht/schlecht unterstützte Formatierungen | 424 | ||
| Pseudo-Klasse :lang | 424 | ||
| Pseudo-Element :not | 425 | ||
| Schreib-/Leserichtung (direction) | 426 | ||
| Unicode-bidirektionaler Modus (unicode-bidi) | 429 | ||
| 11.4 Praxisbeispiel | 430 | ||
| Teil 3 CSS und Browserkompatibilität im Überblick | 434 | ||
| A Anhang | 436 | ||
| A.1 Verwendete Symbole und Bezeichnungen | 436 | ||
| A.2 Unterstützte CSS Standards | 436 | ||
| A.3 Mögliche DocType Angaben | 438 | ||
| Selektoren und Pseudo Elemente | 440 | ||
| A.4 Farben | 442 | ||
| A.5 Einheiten | 443 | ||
| A.6 Browserkompatibilität der @ Regeln | 443 | ||
| A.7 Textformatierungen | 444 | ||
| A.8 Anzeigetyp (display Eigenschaft) | 445 | ||
| A.9 Größen und Positionierung | 446 | ||
| A.10 Listen, Marker und Aufzählungen | 448 | ||
| A.11 Bilder und Hintergründe | 448 | ||
| A.12 Linien und Rahmen | 449 | ||
| A.13 Tabellen und Zellen | 452 | ||
| A.14 Seitenlayout – Druckausgabe | 452 | ||
| A.15 Sprachausgabe | 453 | ||
| A.16 Pseudo Elemente und Pseudoklassen | 454 | ||
| A.17 Sonstige Formatierungen | 455 | ||
| A.18 Der CSS 1.0 Standard | 455 | ||
| A.19 Der CSS 2.0 Standard | 459 | ||
| A.20 Der CSS 2.1 Standard | 467 | ||
| A.21 Erläuterte neue CSS 3.0-Eigenschaften | 473 | ||
| A.22 Die CSS-Mobile-Spezifikation | 474 | ||
| A.23 Die CSS-TV-Spezifikation | 479 | ||
| A.24 CD-Inhalte | 484 | ||
| B Glossar | 486 | ||
| Befehlsindex | 492 | ||
| Stichwortverzeichnis | 496 | ||
| Befehlsindex | 492 | ||
| Stichwortverzeichnis | 496 | ||
| Mehr eBooks bei www.ciando.com | 0 |