Auf einen Blick

Auf einen Blick
Vorwort ...............................................................................
17
1
Was sind Cascading Stylesheets? ..........................................
19
2
HTML und CSS .....................................................................
27
3
Das erste Stylesheet – »Hallo Welt!« auf CSS ........................
49
4
Selektoren ............................................................................
55
5
Einbinden von Stylesheets in HTML-Dateien ........................
97
6
Kastenmodell (Box-Modell), Elementtypen und
Layoutmodelle .....................................................................
105
7
Positionierung mit CSS .........................................................
119
8
Layout mit CSS .....................................................................
141
9
Styling mit CSS .....................................................................
201
10 CSS und die Browser ............................................................
379
11 Effizientes Arbeiten mit CSS .................................................
411
12 Arbeiten mit CSS-Frameworks ..............................................
451
13 Webstandards und Barrierefreiheit .......................................
483
14 Ajax, JavaScript und CSS .......................................................
503
15 Das mobile Web: Stylesheets, Mobiltelefone und PDAs .......
529
16 E-Mails mit CSS gestalten .....................................................
561
17 CSS3 ....................................................................................
579
18 Werkzeuge für CSS-Entwickler .............................................
605
A
CSS-Referenz ........................................................................
641
B
Benennungen und Werte für Stylesheets ..............................
783
C
HTML5-Elemente .................................................................
789
D
DVD zum Buch ....................................................................
793
Inhalt
Vorwort ........................................................................................................
1
Was sind Cascading Stylesheets? ............................................ 19
1.1
1.2
1.3
2
17
Warum sollten Sie Stylesheets nutzen? ........................................
Das CSS-Prinzip ...........................................................................
Wie sieht ein Stylesheet aus? .......................................................
20
22
23
HTML und CSS ......................................................................... 27
2.1
2.2
2.3
2.4
2.5
2.6
Die Grundlage – das semantische HTML-Dokument .....................
Schnelleinstieg HTML ..................................................................
Code follows Content ..................................................................
Sektionen einer Webseite ............................................................
HTML 4, HTML5 oder XHTML? ...................................................
HTML5 und CSS ..........................................................................
2.6.1
HTML5 im Vergleich zu HTML 4 und XHTML ...............
2.6.2
Neue Elemente in HTML5 .............................................
2.6.3
HTML5 in der Praxis .....................................................
27
29
32
36
39
42
44
44
46
3
Das erste Stylesheet – »Hallo Welt!« auf CSS ......................... 49
4
Selektoren ................................................................................ 55
4.1
4.2
4.3
Die verschiedenen Selektoren ......................................................
4.1.1
Einfache Element-Selektoren .........................................
4.1.2
Class- und ID-Selektoren ...............................................
4.1.3
Kombinierte Selektoren ................................................
4.1.4
Universal-Selektor .........................................................
4.1.5
Kind-Selektoren ............................................................
4.1.6
Folgeelement-Selektoren ..............................................
4.1.7
Attribut-Selektoren (CSS2 und CSS3) .............................
4.1.8
Pseudo-Klassen und Pseudo-Elemente ..........................
4.1.9
CSS3-Pseudo-Selektoren ...............................................
4.1.10 Wiederholungs-Selektoren ............................................
Vererbung ...................................................................................
Rangfolge und Kaskade ................................................................
4.3.1
Die Important-Anweisung .............................................
56
56
58
65
68
71
74
76
80
80
82
85
87
94
5
Inhalt
5
Einbinden von Stylesheets in HTML-Dateien .......................... 97
5.1
5.2
5.3
5.4
5.5
6
6.2
6.3
7.2
105
108
113
114
114
115
115
116
Die Positionierungsart (»position«) ...............................................
7.1.1
»position: static« ...........................................................
7.1.2
»position: relative« ........................................................
7.1.3
»position: absolute« ......................................................
7.1.4
»position: fixed« ............................................................
»float« und »clear« .......................................................................
7.2.1
»float« mit »clear« aufheben ..........................................
7.2.2
»clear« ohne zusätzliches Markup ..................................
119
120
122
124
125
128
133
135
Layout mit CSS ......................................................................... 141
8.1
8.2
6
Das Kastenmodell ........................................................................
6.1.1
Zusammenfallende Außenabstände
(Collapsing Margins) .....................................................
Elementtypen in CSS ....................................................................
6.2.1
Block-Elemente .............................................................
6.2.2
Eingebundene Elemente ...............................................
6.2.3
Definition des Elementtyps ...........................................
6.2.4
Weitere Elementtypen ..................................................
Layout- und Positionierungsmodelle in CSS .................................
Positionierung mit CSS ............................................................ 119
7.1
8
97
98
99
100
101
102
104
Kastenmodell (Box-Modell), Elementtypen und
Layoutmodelle .......................................................................... 105
6.1
7
Stilanweisungen im HTML-Tag .....................................................
Stilanweisungen im Dokumentenkopf ..........................................
Verlinkte Stylesheets ....................................................................
5.3.1
Individuelles Design durch Alternative Stylesheets ........
Importierte Stylesheets ................................................................
Medienspezifische Stylesheets .....................................................
5.5.1
Medienspezifische Stylesheets mit CSS3 ........................
Fixiert, flexibel, oder elastisch? ....................................................
8.1.1
Vor und Nachteile .........................................................
8.1.2
Elastische Layouts und Browserzooms ...........................
8.1.3
Auflösungsabhängige Layouts .......................................
Der Zweispalter ...........................................................................
8.2.1
Zweispalter mit float .....................................................
142
142
144
145
146
149
Inhalt
8.3
8.4
9
Der Dreispalter ............................................................................
8.3.1
Dreispalter flexibel ........................................................
8.3.2
Dreispalter mit festen Spaltenbreiten rechts und links ...
8.3.3
Dreispalter mit flexibler Spaltenaufteilung und freier
Wahl der Breiteneinheiten ............................................
8.3.4
Elastischer Dreispalter mit Anpassung an Schriftgröße ...
CSS-Layouttricks ..........................................................................
8.4.1
Das Problem der (nicht) gleich langen Spalten ...............
8.4.2
Zentrieren .....................................................................
8.4.3
Minimale und maximale Breiten für flexible Layouts ......
8.4.4
Feststehende Bereiche und CSS-Frames ........................
8.4.5
Auflösungsflexible Layouts ............................................
151
152
155
159
165
170
170
179
184
187
194
Styling mit CSS ........................................................................ 201
9.1
9.2
9.3
9.4
9.5
9.6
Arbeiten mit Text .........................................................................
9.1.1
Grundlegende Schriftformatierungen .............................
9.1.2
Typografie mit CSS ........................................................
9.1.3
Einfache Auszeichnungen ..............................................
9.1.4
Einbindung von Schriftarten per CSS .............................
9.1.5
Konstruktion einer konsistenten Typografie ...................
9.1.6
Überschriften mit CSS ...................................................
9.1.7
Initialen und Einrückungen ...........................................
9.1.8
Styling von Zitaten ........................................................
CSS-Menüs mit Listen ..................................................................
9.2.1
Vertikale Menüs ............................................................
9.2.2
CSS-Flyout-Menüs ........................................................
9.2.3
Horizontale Menüs ........................................................
9.2.4
Menüs mit durchgehendem Hintergrund .......................
Tabellen und CSS .........................................................................
Schönere Formulare .....................................................................
9.4.1
Ordnung ist alles: die Struktur eines Formulars ..............
9.4.2
Pimp my Form ..............................................................
9.4.3
Anpassen von Formular-Rahmenelementen ...................
9.4.4
Interaktionshilfen ..........................................................
9.4.5
Fehlermeldungen ..........................................................
Druckversion per CSS ...................................................................
Arbeiten mit Transparenz .............................................................
9.6.1
Deckkraft von Ebenen steuern .......................................
9.6.2
Ebenentransparenz mit voll deckendem Inhalt ..............
9.6.3
PNG: Grafiken mit weichem Verlauf (Alpha-Kanal) ........
201
201
208
209
211
223
227
232
239
251
252
260
264
273
276
289
290
301
305
306
309
312
316
316
318
321
7
Inhalt
9.7
9.8
9.9
9.10
9.11
Arbeiten mit Grafiken ..................................................................
9.7.1
Grafiken per CSS beschneiden .......................................
9.7.2
CSS-Sprites ...................................................................
9.7.3
Mehrfache Hintergründe (CSS3) ....................................
9.7.4
Grafiken präsentieren – die CSS-Bildergalerie ................
CSS-Effekte ..................................................................................
9.8.1
»Runde Ecken« ..............................................................
9.8.2
CSS-Schatten .................................................................
9.8.3
Verläufe mit CSS ...........................................................
Elemente per CSS verschieben und drehen ..................................
CSS-Übergänge und Animationen ................................................
9.10.1 Animierte Übergänge ....................................................
9.10.2 Animationen mit Keyframes ..........................................
Stylesheet-Wechsler ....................................................................
9.11.1 Simpler Styleswitcher ....................................................
9.11.2 Styleswitcher mit JavaScript und Ajax ............................
9.11.3 Browserweichen für Stylesheets ....................................
323
323
323
328
330
341
341
342
352
362
364
364
366
370
374
374
377
10 CSS und die Browser ................................................................ 379
10.1
10.2
10.3
8
Die Browserlandschaft .................................................................
10.1.1 Browser-Marktanteile ...................................................
10.1.2 CSS-Unterstützung testen – der Acid-Test .....................
10.1.3 Browser mit WebKit-Engine
(Chrome, Safari, Konqueror) ..........................................
10.1.4 Firefox (Gecko) ..............................................................
10.1.5 Opera (Presto) ..............................................................
10.1.6 Opera Mini und Opera Mobile ......................................
10.1.7 Internet Explorer (Trident) ............................................
10.1.8 Weitere Browser ...........................................................
10.1.9 Lynx ..............................................................................
10.1.10 Screenreader .................................................................
Problemfall Internet Explorer .......................................................
10.2.1 hasLayout .....................................................................
Browserweichen und -filter ..........................................................
10.3.1 Strategien für die Anwendung von Browserweichen:
»To hack or not to hack« ...............................................
10.3.2 Doctype-Switching und Browseremulationen ................
10.3.3 Conditional Comments ..................................................
10.3.4 Browser-Sniffer .............................................................
10.3.5 CSS-Bugs per JavaScript beheben ..................................
379
381
383
385
387
389
390
391
393
394
395
396
397
398
399
400
403
404
405
Inhalt
10.4
Browsertesting ............................................................................. 405
10.4.1 Virtualisierung ............................................................... 406
10.4.2 Online-Screenshot-Dienste ........................................... 408
11 Effizientes Arbeiten mit CSS .................................................... 411
11.1
11.2
11.3
11.4
11.5
11.6
11.7
11.8
11.9
Arbeiten mit HTML-Vorlagen .......................................................
Design Patterns ...........................................................................
11.2.1 Design Pattern und Quellcode von Yahoo! ....................
Objektorientiertes CSS .................................................................
Alles auf null: Reset-Stylesheets ...................................................
Kurzschreibweise .........................................................................
CSS-Präprozessoren .....................................................................
11.6.1 Effizient CSS-Anweisungen schreiben mit LESS ..............
Stylesheets organisieren ...............................................................
11.7.1 Ordnung durch Stylesheet-Module ...............................
11.7.2 Filter-Management .......................................................
11.7.3 Kommentieren von Stylesheets .....................................
11.7.4 Ein Standard für CSS-Kommentare: CSSDoc ..................
11.7.5 Sprung-Links, Inhaltsverzeichnis und Farbdefinitionen ..
CSS im Entwurfsverfahren (Rapid Prototyping) .............................
11.8.1 Festlegen der Seitenstruktur in semantischem HTML .....
11.8.2 Bereiche ausrichten in Ihrem bevorzugten Browser .......
11.8.3 Einfügen der Inhalte ......................................................
11.8.4 Dynamische Bereiche umsetzen ....................................
11.8.5 Benutzertests ................................................................
11.8.6 Finetuning, Browsertests und technische
Optimierungen .............................................................
Fehlersuche in CSS-Dateien .........................................................
411
414
415
417
421
426
427
429
433
434
435
436
437
439
441
442
443
444
445
445
447
447
12 Arbeiten mit CSS-Frameworks ................................................ 451
12.1
12.2
YAML ..........................................................................................
12.1.1 Klassische Spaltenlayouts ..............................................
12.1.2 Flexible Raster mit YAML ..............................................
12.1.3 YAMLBuilder ................................................................
12.1.4 Hilfreiche Klassen ..........................................................
12.1.5 Formulare mit YAML .....................................................
12.1.6 Fazit ..............................................................................
Yahoo! Grids ................................................................................
12.2.1 Weitere Aufteilung des Hauptbereichs ..........................
453
454
457
461
462
463
463
464
467
9
Inhalt
12.3
12.4
12.2.2 Der YUI Grids Builder ....................................................
12.2.3 Yahoo! Grids anpassen ..................................................
12.2.4 Semantische Rollen für barrierefreie Grids .....................
12.2.5 Gleich lange Spalten mit Grids und JavaScript ...............
12.2.6 Fazit zu Yahoo! Grids ....................................................
Blueprint CSS ...............................................................................
12.3.1 Arbeiten mit Blueprint ..................................................
12.3.2 Blueprint-Raster anpassen .............................................
Weitere CSS-Frameworks .............................................................
12.4.1 Rastersystem »960« .......................................................
469
470
471
472
472
473
474
478
479
479
13 Webstandards und Barrierefreiheit ......................................... 483
13.1
13.2
13.3
Webstandards beachten ..............................................................
13.1.1 Was ist für eine standardkonforme Webseite
erforderlich? ..................................................................
13.1.2 Der W3C-Validator .......................................................
Suchmaschinenoptimierung mit CSS ............................................
13.2.1 Schlanke Dokumente durch CSS ....................................
13.2.2 Semantik für Suchmaschinen .........................................
Zugängliche und benutzbare Websites mit CSS ............................
13.3.1 Grundsätze für zugängliche Websites ............................
13.3.2 Barrierefreie Sprung-Links .............................................
13.3.3 Link-Auszeichnungen – Nützlich und barrierefrei ...........
13.3.4 Testen ...........................................................................
483
484
486
488
488
489
492
493
496
498
500
14 Ajax, JavaScript und CSS .......................................................... 503
14.1
14.2
14.3
14.4
14.5
14.6
14.7
10
Austausch eines Stylesheets per JavaScript ...................................
Klassen zuweisen mit »className« ...............................................
Stile mit »style« zuweisen .............................................................
Formularvalidierung mit CSS und JavaScript .................................
Tageszeitenabhängiger Styleswitcher ...........................................
Fadenkreuz für Tabellen ...............................................................
JavaScript zur Umgehung von Browsereinschränkungen
verwenden ..................................................................................
14.7.1 Browser- bzw. Fähigkeitserkennung ..............................
14.7.2 JavaScript zur Erweiterung der Browserfähigkeiten
nutzen ..........................................................................
503
504
505
506
511
514
516
517
519
Inhalt
15 Das mobile Web: Stylesheets, Mobiltelefone und PDAs ........ 529
15.1
15.2
15.3
15.4
15.5
15.6
Strategien für das mobile Web: mobilisieren statt
miniaturisieren .............................................................................
Mobile Standards ........................................................................
Stylesheets für mobile Browser ausliefern .....................................
15.3.1 Stylesheets per Media Query ausliefern .........................
15.3.2 User-Agent-Sniffing .......................................................
CSS-Design für den mobilen Einsatz .............................................
Einzelne Geräte ...........................................................................
15.5.1 Betriebssysteme für Mobilgeräte und Organizer ............
15.5.2 Safari auf dem iPhone und iPad .....................................
15.5.3 Chrome auf Android-Geräten ........................................
15.5.4 Opera Mini und Opera Mobile ......................................
15.5.5 Weitere mobile Browser ................................................
Frameworks für die mobile Entwicklung .......................................
15.6.1 Mobile Boilerplate ........................................................
15.6.2 jQuery Mobile Framework ............................................
15.6.3 jQTouch ........................................................................
529
530
531
531
533
533
536
536
537
545
547
550
550
550
552
558
16 E-Mails mit CSS gestalten ....................................................... 561
16.1
16.2
16.3
16.4
Grundsätzliche Probleme .............................................................
Lokale E-Mail-Clients ...................................................................
16.2.1 Microsoft Outlook ........................................................
16.2.2 Mozilla Thunderbird .....................................................
16.2.3 Apple Mail ....................................................................
Webmail-Dienste .........................................................................
16.3.1 Google Mail ..................................................................
16.3.2 Yahoo! Mail und Windows Live Mail ............................
16.3.3 GMX .............................................................................
16.3.4 Web.de .........................................................................
Strategien für E-Mail-Newsletter ..................................................
16.4.1 Techniken für mit CSS gestaltete und alle anderen
E-Mails .........................................................................
16.4.2 CSS-Eigenschaften im Einzelnen ....................................
561
565
565
567
568
568
568
569
570
571
572
572
576
17 CSS3 ......................................................................................... 579
17.1
CSS-Spezifikationen ..................................................................... 579
17.1.1 CSS3 und die Browser ................................................... 582
11
Inhalt
17.2
17.3
17.1.2 Von Standards und Hersteller-Präfixen ..........................
CSS3 – was können Sie heute verwenden? ...................................
17.2.1 Selektoren .....................................................................
17.2.2 Neue Eigenschaften für das Seitenlayout .......................
17.2.3 Neue Möglichkeiten für das Styling ...............................
17.2.4 Übergänge, Transformationen und Animationen ...........
CSS3 Zen Ocean ..........................................................................
583
583
583
584
586
588
588
18 Werkzeuge für CSS-Entwickler ................................................ 605
18.1
18.2
18.3
18.4
18.5
CSS-Editoren ...............................................................................
18.1.1 TopStyle ........................................................................
Website-Editoren ........................................................................
18.2.1 Adobe Dreamweaver CS5.5 ..........................................
18.2.2 Aptana Studio 2.0 .........................................................
Analysewerkzeuge .......................................................................
18.3.1 Firebug .........................................................................
18.3.2 Web Developer Toolbar(s) ............................................
18.3.3 Accessibility-Toolbar .....................................................
18.3.4 Calipers .........................................................................
Optimierungswerkzeuge ..............................................................
18.4.1 CSS-Minifier ..................................................................
Eigene Tools herstellen: Benutzer-Stylesheets ..............................
605
605
610
610
622
625
625
629
630
631
632
632
634
Anhang............................................................................................ 639
A
12
CSS-Referenz ..........................................................................................
A.1
Alphabetische Übersicht ..............................................................
A.2
Pseudo-Elemente und Pseudo-Formate .......................................
A.2.1
:link ..............................................................................
A.2.2
:visited ..........................................................................
A.2.3
:hover ...........................................................................
A.2.4
:focus ............................................................................
A.2.5
:active ...........................................................................
A.2.6
:lang .............................................................................
A.2.7
::first-line ......................................................................
A.2.8
::first-letter ...................................................................
A.2.9
:first-child .....................................................................
A.2.10 ::before und ::after ........................................................
A.2.11 :not (CSS3) ....................................................................
A.2.12 :empty (CSS3) ...............................................................
641
641
644
644
646
647
648
649
650
652
654
655
656
658
659
Inhalt
A.2.13
A.2.14
A.2.15
A.2.16
A.3
A.4
:target (CSS3) ................................................................
:enabled, :disabled, :checked (CSS3) .............................
:last-child, :nth-child(), :nth-last-child() (CSS3) ..............
:first-of-type, :last-of-type, :nth-of-type(),
:nth-last-of-type() (CSS3) ..............................................
A.2.17 :only-child, :only-of-type (CSS3) ....................................
Inhaltserzeugung .........................................................................
A.3.1
content (CSS2, Änderung in CSS 2.1) ............................
A.3.2
counter() und counters() ...............................................
A.3.3
counter-increment (CSS2) .............................................
A.3.4
counter-reset (CSS2) .....................................................
A.3.5
quotes (CSS2) ................................................................
Schriftformatierungen ..................................................................
A.4.1
font-family ....................................................................
A.4.2
font-style ......................................................................
A.4.3
font-variant ...................................................................
A.4.4
font-weight ...................................................................
A.4.5
font-size ........................................................................
A.4.6
font-size-adjust
(CSS, nicht in CSS 2.1, wieder da in CSS3) .....................
A.4.7
font-stretch
(CSS2, nicht in CSS 2.1, wieder da in CSS 3) ..................
A.4.8
font ...............................................................................
A.4.9
@font-face
(CSS2, nicht in CSS 2.1, wieder da in CSS3) ...................
A.4.10 text-decoration .............................................................
A.4.11 text-shadow
(CSS2, nicht in CSS 2.1, wieder da in CSS3) ...................
A.4.12 text-transform ...............................................................
A.4.13 text-size-adjust .............................................................
A.4.14 letter-spacing ................................................................
A.4.15 word-spacing (CSS2) .....................................................
A.4.16 white-space ..................................................................
A.4.17 line-height ....................................................................
A.4.18 text-indent ....................................................................
A.4.19 text-align (Änderung in CSS 2.1) ...................................
A.4.20 text-overflow (CSS3) .....................................................
A.4.21 vertical-align .................................................................
A.4.22 direction (CSS2) ............................................................
A.4.23 unicode-bidi (CSS2) ......................................................
659
660
660
661
662
662
662
664
666
667
668
669
669
673
674
675
676
677
678
679
680
683
685
686
687
688
689
690
690
691
692
693
694
697
697
13
Inhalt
A.5
A.6
14
Farben und Hintergründe .............................................................
A.5.1
color .............................................................................
A.5.2
background-color ..........................................................
A.5.3
background-image (Änderung in CSS3) .........................
A.5.4
background-repeat ........................................................
A.5.5
background-attachment ................................................
A.5.6
background-position (Änderung in CSS 2.1) ..................
A.5.7
background-size ............................................................
A.5.8
background ...................................................................
A.5.9
linear-gradient (CSS3) ...................................................
A.5.10 radial-gradient (CSS3) ...................................................
A.5.11 repeating-linear-gradient (CSS3) ....................................
A.5.12 repeating-radial-gradient (CSS3) ....................................
Kastenformatierungen .................................................................
A.6.1
margin ..........................................................................
A.6.2
padding ........................................................................
A.6.3
border-width ................................................................
A.6.4
border-color .................................................................
A.6.5
border-style ..................................................................
A.6.6
border-image (CSS3) .....................................................
A.6.7
border-radius (CSS3) .....................................................
A.6.8
border ...........................................................................
A.6.9
outline (CSS2) ...............................................................
A.6.10 width ............................................................................
A.6.11 height ...........................................................................
A.6.12 overflow (CSS2) .............................................................
A.6.13 clip (CSS2, Änderung in CSS 2.1) ...................................
A.6.14 float ..............................................................................
A.6.15 clear ..............................................................................
A.6.16 position (CSS2) .............................................................
A.6.17 box-sizing (CSS3) ..........................................................
A.6.18 top (CSS2) .....................................................................
A.6.19 right (CSS2) ...................................................................
A.6.20 bottom (CSS2) ..............................................................
A.6.21 left (CSS2) .....................................................................
A.6.22 visibility (CSS2) .............................................................
A.6.23 opacity (CSS3) ...............................................................
A.6.24 z-index (CSS2) ...............................................................
A.6.25 box-shadow (CSS3) .......................................................
A.6.26 column-count (CSS3) ....................................................
698
698
699
700
700
702
702
704
704
706
707
709
711
713
713
715
716
717
718
720
721
722
723
724
725
726
727
729
731
733
734
735
736
737
737
738
739
740
743
744
Inhalt
A.6.27 column-gap (CSS3) ........................................................
A.6.28 column-rule (CSS3) .......................................................
A.7
Listenformatierungen ...................................................................
A.7.1
list-style-type ................................................................
A.7.2
list-style-image .............................................................
A.7.3
list-style-position ..........................................................
A.7.4
list-style ........................................................................
A.8
Anzeigemodus .............................................................................
A.8.1
display (CSS1, Erweiterung in CSS2: table,
Änderung in CSS 2.1, Erweiterung in CSS3: icon) ..........
A.9
Tabellenformatierungen ...............................................................
A.9.1
table-layout (CSS2) .......................................................
A.9.2
caption-side
(CSS2, nicht in CSS 2.1, wieder da in CSS3) ...................
A.9.3
border-collapse (CSS2, Änderung in CSS 2.1) ................
A.9.4
border-spacing (CSS2) ...................................................
A.9.5
empty-cells (CSS2) ........................................................
A.9.6
speak-header (CSS2) .....................................................
A.10 Benutzeroberfläche ......................................................................
A.10.1 cursor (CSS2) .................................................................
A.10.2 resize (CSS3) .................................................................
A.11 Seitenlayout mit @page ..............................................................
A.11.1 size ...............................................................................
A.11.2 marks ............................................................................
A.11.3 :left :right :first ..............................................................
A.11.4 page-break-before, page-break-after .............................
A.11.5 page-break-inside .........................................................
A.11.6 page .............................................................................
A.11.7 orphans, widows ...........................................................
A.12 Sprachausgabe .............................................................................
A.12.1 speak ............................................................................
A.12.2 volume .........................................................................
A.12.3 speech-rate ...................................................................
A.12.4 pause ............................................................................
A.12.5 cue ...............................................................................
A.12.6 play-during ...................................................................
A.12.7 voice-familiy .................................................................
A.12.8 pitch .............................................................................
A.12.9 stress ............................................................................
A.12.10 richness .........................................................................
745
745
746
746
748
748
749
750
750
752
752
753
754
755
756
757
757
757
759
760
760
761
762
763
764
765
765
766
766
767
768
768
769
770
771
771
772
772
15
Inhalt
B
C
D
A.12.11 azimuth .........................................................................
A.12.12 elevation .......................................................................
A.12.13 speak-punctuation ........................................................
A.12.14 speak-numeral ..............................................................
A.13 Proprietäre CSS-Eigenschaften .....................................................
A.13.1 Microsoft ......................................................................
A.13.2 Firefox ..........................................................................
A.13.3 WebKit .........................................................................
A.13.4 Opera ...........................................................................
Benennungen und Werte für Stylesheets ................................................
B.1
Namen für Stylesheets, Klassen und IDs .......................................
B.2
Längen- und Größenangaben .......................................................
B.2.1
Absolute Einheiten ........................................................
B.2.2
Relative Einheiten .........................................................
B.3
Prozentwerte ...............................................................................
B.4
Farben .........................................................................................
B.4.1
Hexadezimal (#RRGGBB oder #RGB) .............................
B.4.2
Prozentwerte rgb(rrr.rr%,ggg.gg%,bbb.bb%) .................
B.4.3
Dezimalwerte rgb(rrr,ggg,bbb) ......................................
B.4.4
Dezimalwerte mit Alpha-Kanal (CSS3) ...........................
B.4.5
Schlüsselwörter .............................................................
B.5
URLs (url) ....................................................................................
B.6
Schlüsselwörter ............................................................................
B.7
CSS-Kommentare .........................................................................
HTML5-Elemente ...................................................................................
DVD zum Buch ......................................................................................
773
774
775
775
776
776
780
780
782
783
783
783
784
784
785
785
785
785
785
786
786
786
787
787
789
793
Index ............................................................................................................ 795
16