Premiers pas en CSS et XHTML, 2e edition

Avant-propos......Page 6
Table des matières......Page 10
1 -
Introduction au XHTML et aux feuilles de style CSS......Page 18
Principes de base pour une page web......Page 19
Adaptation aux navigateurs......Page 20
Polices de caractères......Page 21
En résumé, quelques sentiments liés aux couleurs......Page 22
Titre de page......Page 23
Liste de liens hypertexte (menu)......Page 24
Intérêt des feuilles de style......Page 25
2 -
L’essentiel du XHTML......Page 28
Rappel sur le principe des balises......Page 29
Du HTML au XHTML......Page 30
Règles pour les noms des fichiers......Page 31
Règles d’écriture des balises XHTML......Page 32
Structure d’une page XHTML......Page 33
Espaces, sauts de ligne et commentaires invisibles......Page 34
Un exemple pour commencer......Page 35
Corps de la page......Page 37
Paragraphes et titres......Page 38
Mise en forme commune à une partie du texte......Page 39
Liens hypertextes......Page 40
Listes à puces ou numérotées......Page 44
Tableaux......Page 45
Fusionner des cellules......Page 46
Insertion d’images......Page 48
Dimensionner une image......Page 49
Animation Flash......Page 50
Vidéo......Page 51
Sauts, lignes et caractères spéciaux......Page 53
Autres balises de listes......Page 54
Deux catégories d’éléments : blocs et en ligne......Page 55
Éléments en ligne......Page 56
Éléments de type bloc......Page 57
Hiérarchie des blocs imbriqués et juxtaposés......Page 58
Termes hiérarchiques utilisés en XHTML/CSS......Page 60
Héritage des propriétés de style......Page 61
Balise DOCTYPE......Page 63
Balise meta et codage en utf-8......Page 64
Autres balises d’en-tête......Page 65
Validation du code XHTML......Page 66
3 -
Écriture des feuilles de style......Page 68
Exemple de règle de style......Page 69
Emplacement des styles......Page 70
Feuille de style externe......Page 71
Styles en ligne......Page 73
Comme au théâtre......Page 74
Sélecteur simple......Page 75
Une catégorie de balises......Page 76
Une même classe pour plusieurs types de balises......Page 77
Identifiant......Page 78
Identifiant sans nom de balise......Page 79
Pseudo-classes......Page 80
Pseudo-classes pour les liens hypertexte......Page 81
Pseudo-éléments......Page 82
Règle associée à plusieurs sélecteurs......Page 83
Hiérarchie des sélecteurs......Page 84
Sélecteur d’attribut [...]......Page 85
Sélecteur universel *......Page 86
Règle de style prioritaire......Page 87
Degré de priorité d’une règle de style......Page 88
Application......Page 89
Unités de taille fixe......Page 90
Tailles définies par mots-clés......Page 91
Couleurs « sûres »......Page 92
Exemple de page avec feuille de style interne......Page 93
4 -
Propriétés de mise en forme......Page 98
Choix des polices......Page 99
Taille de police......Page 100
Couleur du texte......Page 101
Texte en gras......Page 102
Soulignement et autres « décorations »......Page 103
Majuscules et minuscules......Page 104
Surlignage de lettres......Page 105
Décalage vers le haut ou le bas......Page 106
Raccourci pour la mise en forme de caractères......Page 107
Alignement horizontal du texte......Page 108
Retrait de première ligne......Page 109
Interligne minimum......Page 110
Espacement entre les mots......Page 111
Conservation des espaces et sauts de ligne saisis......Page 112
Affichage automatique d’un contenu......Page 113
Guillemets à utiliser......Page 114
Réinitialisation d’un compteur......Page 115
Sens de l’écriture......Page 116
Écriture bidirectionnelle......Page 117
Style de bordure......Page 118
Styles de bordure pour chaque côté......Page 119
Épaisseur de bordure pour chaque côté......Page 120
Couleur de bordure pour chaque côté......Page 121
Raccourci pour toutes les propriétés de bordure......Page 122
Contour superposé à un élément......Page 123
Image d’arrière-plan......Page 124
Répétition ou non de l’image d’arrière-plan......Page 125
Alignement de l’image d’arrière-plan......Page 126
Fixation de l’image d’arrière-plan......Page 127
Type de puce ou de numérotation......Page 128
Utilisation d’une image comme puce......Page 129
Position de la puce......Page 130
Largeur fixe ou variable des colonnes ou du tableau......Page 131
Recouvrement des bordures......Page 132
Espacement entre les bordures de cellules......Page 133
Contour des cellules vides......Page 134
Position du titre du tableau......Page 135
Alignement vertical des cellules......Page 136
5 -
Positionnement des blocs......Page 140
Marges externes autour d’un bloc......Page 141
Raccourci pour les marges externes......Page 142
Marges internes d’un bloc......Page 143
Largeur fixe pour un bloc ou une image......Page 144
Largeur et hauteur totales d’un bloc......Page 145
Problèmes de marges avec Internet Explorer 6......Page 147
Largeur ou hauteur minimum......Page 149
Largeur ou hauteur maximum......Page 150
Principe du positionnement des blocs......Page 151
Position relative, absolue ou fixe......Page 152
Utilisation des différents types de positionnement......Page 153
Élément dans le flux (position normale)......Page 154
Position fixe......Page 155
Type de positionnement d’un bloc......Page 156
Niveau d’empilement des blocs......Page 157
Pas d’éléments flottants sur le côté......Page 159
Affichage des débordements......Page 160
Changement de type d’élément......Page 161
Délimitation des blocs......Page 163
Exemples de positionnement......Page 164
Image du haut (nuages)......Page 166
Image de l’arbre en position absolue......Page 167
Centrage horizontal du titre......Page 168
Titre latéral fixé sur l’écran......Page 169
Position absolue pour la galerie d’images......Page 170
Images côte à côte en position flottante......Page 171
Centrage horizontal d’éléments en ligne......Page 172
Centrage vertical d’éléments en ligne......Page 173
Centrage vertical de blocs......Page 174
Exemple de centrage vertical......Page 175
6 -
Différents types de média......Page 178
Types de média......Page 179
Média paginé : styles pour l’impression......Page 180
Gestion des veuves......Page 181
Saut de page avant......Page 182
Coupure par un saut de page......Page 183
Sélecteur de page......Page 184
Référence à un type de page......Page 185
Média sonore : fonctions audio......Page 186
7 -
Règles spécifiques à certains navigateurs......Page 190
Test des pages sur plusieurs navigateurs......Page 191
Adaptation du code aux navigateurs......Page 194
Balises XHTML conditionnelles......Page 195
Règles de style pour Internet Explorer 6 et versions antérieures......Page 197
Règles de style pour Internet Explorer 7 seul......Page 198
Propriétés de style pour IE 6 ou 7......Page 199
Styles pour les navigateurs modernes et IE 7......Page 200
Styles pour les navigateurs modernes sans IE 7......Page 201
Projet IE 7......Page 202
Technique de rattrapage de position......Page 204
Stabilisation de l’affichage......Page 205
Espace vertical sous une image......Page 206
Affichage d’une image PNG transparente avec Internet Explorer 6......Page 207
Affichage d’une image PNG transparente sur tous les navigateurs......Page 208
Dimensions d’affichage modifiées......Page 209
A -
Couleurs......Page 212
Les 16 couleurs de base......Page 213
Couleurs sûres......Page 214
Liste de toutes les couleurs nommées......Page 215
B - Comportement
des principaux navigateurs......Page 224
Compréhension des balises HTML-XHTML......Page 226
Interprétation des propriétés CSS 2.1......Page 229
Médias......Page 230
Pseudo-classes......Page 231
Propriétés......Page 232
Paramètres d’impression......Page 236
C -
Résumé des propriétés CSS 2......Page 238
Propriétés CSS 2......Page 239
Propriétés d’affichage......Page 240
Média paginé......Page 255
Média sonore......Page 256
Propriétés classées par catégories......Page 259
D -
Références bibliographiques et sites web......Page 264
Sites web utiles......Page 265
B......Page 268
E......Page 269
I......Page 270
P......Page 271
S......Page 272
Z......Page 273