Les feuilles de styles CSS
DEUXIÈME PARTIE
98
Comprendre le modèle de boîte
En HTML, matière première de CSS, chaque élément est considéré comme une
boîte (voir figure 7-1). En effet, aux dimensions induites par leur contenu s’ajoutent
souvent les espaces de marges externes (margin) ou internes (padding) et une bordure
(border).
Ces trois périmètres ne sont pas obligatoires. Non renseignés, ils prendront la valeur
par défaut, toujours nulle pour les éléments en ligne.
En revanche, parmi les éléments de type bloc, seul
DEUXIÈME PARTIE
98
Comprendre le modèle de boîte
En HTML, matière première de CSS, chaque élément est considéré comme une
boîte (voir figure 7-1). En effet, aux dimensions induites par leur contenu s’ajoutent
souvent les espaces de marges externes (margin) ou internes (padding) et une bordure
(border).
Ces trois périmètres ne sont pas obligatoires. Non renseignés, ils prendront la valeur
par défaut, toujours nulle pour les éléments en ligne.
En revanche, parmi les éléments de type bloc, seul
n’a pas de marges par
défaut. On peut s’en rendre compte en créant deux boîtes de paragraphes :
Ils s’affichent l’un sous l’autre, comportement normal des éléments de type bloc.
L’espace les séparant correspond à leurs marges externes (non nulles). Pour y remédier, il suffit de supprimer les marges externes de la balise concernée :
SIMPLIFICATION Calques et CSS
Apparu en 1997, le terme calque désignait d’abord une balise propriétaire de Netscape Navigator :
(bloc transparent susceptible d’être superposé à d’autres calques). Rapidement, on a qualifié
de calques les éléments
défaut. On peut s’en rendre compte en créant deux boîtes de paragraphes :
Ils s’affichent l’un sous l’autre, comportement normal des éléments de type bloc.
L’espace les séparant correspond à leurs marges externes (non nulles). Pour y remédier, il suffit de supprimer les marges externes de la balise concernée :
SIMPLIFICATION Calques et CSS
Apparu en 1997, le terme calque désignait d’abord une balise propriétaire de Netscape Navigator :
de calques les éléments
et , souvent utilisés à contre-emploi. Cette confusion perturbe
les webmasters débutants.
Les feuilles de styles CSS permettant de positionner et de superposer tout élément, il n’y a plus besoin de
réserver une balise précise à la fonction de calque.
Figure 7–1
Le schéma de boîte
en HTML
HTML
les webmasters débutants.
Les feuilles de styles CSS permettant de positionner et de superposer tout élément, il n’y a plus besoin de
réserver une balise précise à la fonction de calque.
Figure 7–1
Le schéma de boîte
en HTML
HTML
premier paragraphe de texte
second paragraphe de texte