CSS : mettre en forme le Web (école d'ingénieur) · Chapitre 5 · Exercice de TD
Lire les raccourcis
Le modèle de boîte · niveau 1 (application)
Énoncé
Donner les quatre valeurs (haut, droite, bas, gauche) de chaque déclaration, puis écrire le raccourci le plus court équivalent aux déclarations longues de la dernière ligne.
margin: 0 auto;padding: 1rem 2rem 0;margin: 8px 4px 8px 4px;border-width: 1px 0;- les quatre déclarations ci-dessous.
padding-top: 0;
padding-right: 1rem;
padding-bottom: 2rem;
padding-left: 1rem;Corrigé
- 0,
auto, 0,auto(le centrage). - 1 rem, 2 rem, 0, 2 rem : la gauche copie la droite.
- 8, 4, 8, 4 ; le raccourci minimal est
margin: 8px 4px;. - haut et bas 1 pixel, droite et gauche 0 : une bordure seulement en haut et en bas (si un style est donné).
padding: 0 1rem 2rem;: la gauche (1 rem) est égale à la droite, on peut l'omettre.
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.