La notion de boîte et leurs interactions

Règles de gestion d'apparence des boîtes associées aux balises avec les CSS. Penser à tester les compatibilités entre les différents navigateurs et à consulter les pages de spécification des CSS.

Enoncé

Créer le fichier CSS afin que le fichier suivant respecte les propriétés suivantes et ressemble à la figure suivante.

On modifie l'exercice 1 et on ajoute des règles concernant les boîtes.

Indentation
Chaque début de paragraphe doit être décalée de 25 pixels, à l'exception de l'"exemple absolument fabuleux", que l'on souhaite décalé de 30 pixels.

La marge gauche d'un élément 'blockquote' est de 2 centimètres.

Décoration
Le contour d'un élément de classe 'funclass' est fin, composé de tirets et de couleur bleue.

Le contour d'un élément ayant pour identificateur 'tagid1' est d'une épaisseur de 5 pixels, de style groove et de couleur #FFF. La marge interne de l'élement est de 4 pixels.

Le contour d'un élément paragraphe de classe 'special' est d'épaisseur moyenne, composé de points et de couleur #F00. La marge externe est de 5 pixels en haut, 0 pixel à droite, 2 pixels en bas et 25 pixels à gauche.

Résultat

exemple