TechWeb
Accueil Codage HTML CSS DESIGN XML LaboCSS

Marges

Marge des boites de bloc

  1. Afficher l'image ci-contre en fond de la page : grille
  2. Définir une règle CSS de sorte que les paragraphes dotés d'un attribut "style" en affichent la valeur à la suite de leur contenu.
  3. Définir une règle CSS attribuant aux paragraphes une largeur de 398 pixels, une hauteur de 18 pixels, une couleur de fond et une bordure de 1 pixel.
  4. Créer plusieurs paragraphes dotés d'un attribut style faisant varier la propriété "margin"
  5. Comment est déterminée la marge horizontale entre deux éléments de blocs consécutifs ?
  6. Expérimenter des valeurs négatives pour la propriété "margin"
  7. En prenant en compte les marges négatives, comment est déterminée la marge horizontale entre deux éléments de blocs consécutifs ?

paragraphe1

paragraphe2

paragraphe3

paragraphe4

paragraphe5

paragraphe6

paragraphe7

paragraphe8

paragraphe9

paragraphe

Marge des boites en ligne

  1. Définir une règle CSS de sorte que les éléments "span" dotés d'un attribut "style" en affichent la valeur à la suite de leur contenu.
  2. Définir une règle CSS attribuant aux éléments "span" une couleur de fond et une bordure de 1 pixel.
  3. Créer plusieurs éléments "span" dotés d'un attribut style faisant varier la propriété "margin"
  4. Comment est déterminée la marge verticale entre deux éléments incorporés consécutifs ?
  5. Comment est déterminée la marge horizontale entre deux éléments incorporés consécutifs situés l'un en dessous de l'autre?
  6. Expérimenter des valeurs négatives pour la propriété "margin"
élément en ligne1 élément en ligne2 élément en ligne3 élément en ligne4 élément en ligne5 élément en ligne6 élément en ligne7 élément en ligne8 élément en ligne9 paragraphe

Marge des boites flottantes

  1. Définir une règle CSS permettant aux paragraphes inclus dans un div ayant un attribut class="flottants" d'être floattant à gauche"
  2. Compléter la règle de sorte à attribuer aux paragraphes une largeur de 198 pixels, une hauteur de 48 pixels, une marge de 0px, une couleur de fond et une bordure de 1 pixel.
  3. Créer plusieurs paragraphes dotés d'un attribut style faisant varier les propriétés "margin-left" et "margin-right"
  4. Comment est déterminée la marge verticale entre deux éléments de flottants consécutifs ?
  5. Expérimenter des valeurs négatives pour la propriété "margin"
  6. En prenant en compte les marges négatives, comment est déterminée la marge horizontale entre deux éléments de blocs consécutifs ?

paragraphe1

paragraphe2

paragraphe3

paragraphe4

paragraphe5

paragraphe6

paragraphe7

paragraphe8

paragraphe9

paragraphe

paragraphe1

paragraphe2

paragraphe3

paragraphe4

paragraphe5

paragraphe6

paragraphe7

paragraphe8

paragraphe9

paragraphe

Valid XHTML 1.0 Strict Valid CSS!

Copyright Gabriel Braun 2007