Exercice 1/25

  • Dans le fichier stylesheet.css, attribuez à tous les éléments html une bordure de 1px en trait plein avec la couleur #0066ff;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 1/25

Maîtriser la position des éléments HTML vous permet d'avoir un contrôle très précis sur le rendu final de vos pages web. Les éléments de type bloc (div, ĥ1, table, p, etc.) ne s'empileront plus forcément les uns sur les autres (à moins que vous ne le souhaitiez).

Chaque élément HTML agit donc comme un conteneur qui peut contenir soit d'autres éléments html soit du texte brut.

Cet exercice propose une illustration du modèle de boîte et les propriétés CSS associées : border, padding, margin. Vous avez utilisé border dans les exercices précédents, vous verrez les autres dans les exercices suivants.

Commentaires les mieux notés

  • mram Administrateur

    Oui il y a juste cela à faire. Mais rien d'autre. Ligne 2, il faut d'abord mettre la taille de la bordure et ensuite le style de trait et enfin la couleur.

  • mram Administrateur

    Il existe un sélecteur universel qui permet de sélectionner tous les éléments HTML en une seule fois.

  • pizzutoandrea3

    petite aide

  • mram Administrateur

    Le sélecteur pour sélectionner tous les éléments HTML n'est pas le bon ...

38 Commentaires

  • mram

    mram Administrateur

    Oui il y a juste cela à faire. Mais rien d'autre. Ligne 2, il faut d'abord mettre la taille de la bordure et ensuite le style de trait et enfin la couleur.

    le 01/06/2017 à 16h23

  • mram

    mram Administrateur

    Il existe un sélecteur universel qui permet de sélectionner tous les éléments HTML en une seule fois.

    le 27/10/2016 à 08h51

  • pizzutoandrea3

    pizzutoandrea3

    petite aide

    le 05/06/2017 à 23h31

  • mram

    mram Administrateur

    Le sélecteur pour sélectionner tous les éléments HTML n'est pas le bon ...

    le 20/10/2016 à 13h05

  • dewich6

    dewich6

    Je ne comprends pas tout à fait la question. Est-ce à chaque élément qui se trouve dans l' index ou aux bordures de la boîte?

    le 22/05/2017 à 04h25

  • clement-pichenot

    clement-pichenot

    Bonjour, je ne trouve pas la solution. Pouvez vous m'orienter s'il vous plais?

    le 19/10/2016 à 14h46

  • meriam

    meriam Administrateur

    Bonjour, il faut essayer.

    le 25/02/2019 à 12h52

  • enzo44200

    enzo44200

    Bonjour , dommage que votre schéma ne soit pas claire! en trifouillant sur le web on y trouve des "très percutant" dés le premier coup d'oeil ;-)

    le 29/11/2016 à 09h33

  • jovidal

    jovidal

    Euh ça me parait simple mais j'ai du faire une faute bête que je ne trouve pas, me refusant donc la validation de l'exercice Oo

    le 23/05/2017 à 13h43

  • Beemo

    Beemo

    '' Le éléments de type de bloc '' << faute

    le 21/01/2017 à 03h41

  • morgancoudo

    morgancoudo

    J'ai essayé avec */ mais ça ne marche pas , je n'ai pas d'autres idées si quelqu'un peut me donner un conseil ou un petit coup de pouce.

    le 09/02/2016 à 18h07

  • morgancoudo

    morgancoudo

    C'est bon une faute de syntaxe .

    le 09/02/2016 à 18h51

  • mram

    mram Administrateur

    Dans cet exercice il n' a rien à faire, juste valider pour passer à la suite.

    le 29/05/2017 à 14h48

  • jovidal

    jovidal

    Pourtant dans instruction il ya écrit : "Dans le fichier stylesheet.css, attribuez à tous les éléments html une bordure de 1px en trait plein avec la couleur #0066ff"... Code erreur: VÉRIFIEZ LA SYNTAXE DE LA RÈGLE CSS POUR LA BORDURE DE TOUS LES ÉLÉMENTS HTML

    le 29/05/2017 à 17h42

  • mram

    mram Administrateur

    Il faut mettre chaque déclaration CSS sur une seule ligne ...

    le 12/06/2017 à 14h22

  • markitobcn

    markitobcn

    Il me demande de vérifier les blocs de déclarations délimités par les { }, je devrais en avoir 1. je ne comprends pas…

    le 26/10/2016 à 02h37

  • markitobcn

    markitobcn

    il me dit de vérifier les blocs de déclarations délimités par les { }. Je devrais en avoir un… je ne comprends ce que cela veut dire? J'ai essayer en mettant en les mettant sur une ligne mais ce n'est pas bon non plus puisqu'il réclame 8 balises

    le 26/10/2016 à 10h50

  • patricerameaux

    patricerameaux

    il me semble que c'est la réponse et pourtant je dois vérifier la syntaxe pouvez-vous m'aiguiller ?

    le 29/09/2016 à 09h58

  • patricerameaux

    patricerameaux

    il me semble que c'est ça, en tout cas le résultat paraît bon et pourtant ça coince

    le 29/09/2016 à 14h32

  • mram

    mram Administrateur

    Oui c'est correct, mais il y un espace après l'accolade ouvrante ligne 1 alors qu'on attend un retour à la ligne.

    le 01/10/2016 à 14h08

  • JUBERT.BRUNO0602

    JUBERT.BRUNO0602

    Pourquoi ne peut on pas ecrire html en selecteur ? dans la logique ca selectionne tout, me-tompe-je ?

    le 19/01/2018 à 12h26

  • mram

    mram Administrateur

    Bonjour, non ça ne sélectionne pas tout. Si on met une bordure à l'élément "html" , seul lui aura une bordure, et pas les autres éléments même si ils sont tous dedans. Le sélecteur universel lui sélectionne bien tous les éléments de la page web.

    le 19/01/2018 à 16h43

  • JUBERT.BRUNO0602

    JUBERT.BRUNO0602

    Je viens de comprendre, le resultat est totalement different avec * {

    le 19/01/2018 à 12h28

  • nkeshimanabrice-37

    nkeshimanabrice-37

    pouvez-vous corriger mon code....

    le 16/10/2018 à 09h34

  • meriam

    meriam Administrateur

    Vérifiez le code couleur (copiez le code couleur demandé pour éviter ce type d'erreur), supprimer l'espace inutile ligne 2 juste aprés l'accolade.

    le 16/10/2018 à 11h50

  • xoneisufi

    xoneisufi

    * { border: 1px solid #0066ff; } c'est comme ca morgancoudo que il faut faire

    le 06/09/2017 à 18h28

  • belespoir38

    belespoir38

    *{ border: 1px solid #0066f; } est-ce que ça pourrait marcher ?

    le 08/01/2018 à 12h45

  • mram

    mram Administrateur

    Bonjour, oui justement c'est ce qu'il faut faire.

    le 12/01/2018 à 01h37

  • florian.jacob

    florian.jacob

    que me manque t il ?

    le 06/06/2018 à 14h24

  • mram

    mram Administrateur

    Pour sélectionner tous les éléments HTML, il faut juste utiliser le sélecteur universel.

    le 13/06/2018 à 03h58

  • vahan.barsamian

    vahan.barsamian

    Je pense que le code est juste, une validation?, la réponse, toujours la même...erreur de syntaxe

    le 08/08/2017 à 10h55

  • mram

    mram Administrateur

    Bonjour, ah oui c'est juste à cause d'un espace en trop après la première accolade. En fait on attend un retour à la ligne juste après. c'est de la syntaxe mais le code lui-même est fonctionnel.

    le 09/08/2017 à 11h26

  • alexisyovo75-14

    alexisyovo75-14

    C'est bon j'ai pu voir analyser mon erreur.

    le 28/10/2019 à 14h09

  • christophe.gutierrez-64

    christophe.gutierrez-64

    le sélecteur universel est = *

    le 01/04/2019 à 14h36

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Le voir pour le croire</title> </head> <body> <h3>Illustration du modèle de boîte en CSS</h3> <img src="http://www.w3.org/TR/CSS21/images/boxdim.png"> <p>Crédit: www.w3.org</p> </body> </html>