Vous êtes ici : CSS débutant | Livre | errata

Pratique de CSS3 & 2.1

Errata et remarques

Merci à Raphaël d'avoir repéré la plupart de ces erreurs ou inexactitudes.

Le positionnement absolu - page 62

Un width s'est glissé à la place d'un height.

#content {
	background-color:#9966FF; 
	width:720px;
	min-height:125px;	/*hauteur minimale égale à la hauteur maximale du #nav*/
}
#nav {
	background-color:#FF3366;
	width:240px;
	position:absolute;
	top:0;		/*alignement supérieur avec #content */
	right:0;	/*ou left:720px*/
	max-height:125px;
}

Mode "bloc en ligne" - page 69

Précision : les whitespaces apparaissent dès qu'il y a un espace physique ou un retour chariot entre deux éléments, qu'ils soient de type block ou inline.

Flexbox - page 71

Entre le moment de l'écriture et celui de la parution, les spécifications ont encore changé ! Les valeurs sont maintenant flex et inline-flex. Et pour centrer les boites, la syntaxe est à présent justify-content:center.

/*syntaxe officielle (W3C octobre 2012)*/
	display:flex;		
	justify-content:center;

Pour tout savoir, précipitez-vous sur l'article très complet publié conjointement sur OpenWeb et Alsacreations.

Arrière-plans étirables - page 100

  • cover : l'image garde ses proportions et elle est rognée si un côté déborde (quel qu'il soit).
  • contain : l'image garde ses proportions et n'est pas rognée. Des blancs peuvent donc apparaître.

Dégradés

  • Page 104 : Sans filtre propriétaire microsoft (voir ce générateur indiqué page 97), on peut déclarer un background-color en dernier dans le code, afin d'avoir tout de même un fond avec IE < 10.
  • Page 105 : le sens trigonométrique n'est valable que pour les propriétés préfixées. La norme finale du W3C prend son origine à la verticale et tourne dans le sens des aiguilles d'une montre.
  • Page 106 : La ligne comportant le préfixe -ms- est inutile puisqu'IE10, comme indiqué page 105, implémente les dégradés sans préfixe.

Polices de caractère - page 109

Tableau  : iOS supporte le format .woff depuis sa version 5 (iOS5).

Media-queries - page 116

Le width:100% proposé dans le code pourra avantageusement être remplacé par un width:auto.

Animations - page 125 - 127 - 128

Un tiret malencontreux s'est glissé entre le @ et le keyframes (ou, plus exactement, a oublié d'être enlevé des préfixes propriétaires). La syntaxe W3C correcte est donc @keyframes et non @-keyframes.

Ressources du site sous licence CC
Licence Creative Commons

Pratique de CSS3 & 2.1 est édité chez Digit Books

Disponible aussi à la FNAC et chez Amazon.