Scribd
Importer
11 vues2 pages

Création de 5 Boîtes en CSS

Le document décrit un exercice de mise en page en CSS pour créer une page divisée en cinq boîtes : entête, gauche, centre, droite et pied. Il fournit des spécifications détaillées sur les propriétés CSS à appliquer, y compris le style du texte, les marges des menus et les styles des liens. Enfin, il demande d'écrire des sélecteurs d'ID et des classes pour les éléments de la page.

Transféré par

Shin Ha Ri
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
11 vues2 pages

Création de 5 Boîtes en CSS

Le document décrit un exercice de mise en page en CSS pour créer une page divisée en cinq boîtes : entête, gauche, centre, droite et pied. Il fournit des spécifications détaillées sur les propriétés CSS à appliquer, y compris le style du texte, les marges des menus et les styles des liens. Enfin, il demande d'écrire des sélecteurs d'ID et des classes pour les éléments de la page.

Transféré par

Shin Ha Ri
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Mise en Page en CSS

Exercice : Cinq Boites


On souhaite diviser le contenu d’une page « [Link] » en cinq boites comme suit :
 La totalité de la page est contenu dans un bloc conteneur ayant les propriétés
suivantes : (1) position : relative ; (2) largeur : 750px ; (3) Marges : auto ; et (4)
couleur d’arrière plan : #CEFDFD.
 Ce bloc conteneur est divisé en cinq boites : entête, gauche, centre, droite et pied
décrites par la figure suivante.
 Le texte du document a pour style : Police : Verdana ; Taille de police : 12 px.
 Les menus gauche et droite ont pour propriétés : marge gauche : 20 px ; marge haut : 2
px.
 Pour chaque élément des listes (ordonnées et non ordonnées) : Marge haut : 5 px.
 Pour les liens non visités : Couleur : #006600 ; décoration : souligné.
 Pour les liens visités : Couleur : rouge.
 Pour les liens survolés : Décoration : surligné.
1. Ecrivez des sélecteurs d’ID pour conteneur, entête, gauche, centre, droite et pied.
2. Ecrivez les classes correspondantes aux menus gauche et droit.
3. Définissez les propriétés de style pour le texte du document et les éléments des listes.
4. Définissez les propriétés CSS des liens.
5. Donnez le fichier HTML de la page « [Link] ».

Vous aimerez peut-être aussi