TechWeb
Accueil Codage HTML CSS DESIGN XML LaboCSS

Dimensions des boites

Eléments 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 400 pixels, une hauteur de 40 pixels, une couleur de fond.
  4. Créer plusieurs paragraphes dotés d'un attribut style faisant varier les propriétés "padding" et "border-width"
  5. Comparer les résultats obtenus avec

       • Explorer 5.x et 6, Mozilla sousWindows
       • Explorer Mozilla Safari sur MacOS
    .
  6. Qu'en conclure sur l'interprétation de la propriété "width" par les deux navigateurs ?
  7. Qu'en est-il de la propriété "height" ?

paragraphe

paragraphe

paragraphe

Eléments en ligne : width et height

  1. Définir une règle CSS de sorte que les éléments en ligne "span" dotés d'un attribut "style" en affichent la valeur à la suite de leur contenu.
  2. Créer plusieurs éléments "span" en leur associant différentes largeurs et hauteurs et couleur de fond.
  3. Que conclure concernant les propriétés "width" et "height" pour les éléments en ligne ?
  4. Appliquer la propriété line-height
élément incorporé rose élément incorporé vert élément incorporé jaune élément incorporé rose
élément incorporé vert élément incorporé bleu
Valid XHTML 1.0 Strict Valid CSS!

Copyright Gabriel Braun 2007