Exercice 19/26

Dans l'onglet stylesheet.css

  • Attribuez à la balise ‹div›‹/div› la couleur #cc0000 à la propriété background-color en écrivant background-color: #cc0000;
  • Attribuez à la balise ‹div›‹/div› la valeur 100px à la propriété height en écrivant height: 100px;
  • Attribuez à la balise ‹div›‹/div› la valeur 100px à la propriété width en écrivant width: 100px;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 19/26

La balise générique ‹div› permet de structurer une page web en blocs. Pour mieux les visualiser il est possible de leur appliquer les propriétés suivantes.

Pour cela, il faut choisir les valeurs de trois propriétés :

  • La couleur d'arrière-plan du bloc (background-color), pour laquelle vous choisissez une valeur hexadécimale.
  • La hauteur du bloc (height) que vous mesurez en pixels.
  • La largeur du bloc (width) en pixels également.

Les exercices ci-après vous donneront un bref aperçu des différents éléments HTML que vous pouvez sélectionner ainsi que quelques exemples de paires propriété:valeur (comme les trois présentées ci-dessus). Nous reviendrons plus en détail sur la sélection d'éléments HTML dans le prochain cours !

Commentaires les mieux notés

  • benj.lamotte-65

    Bonsoir, on me demand de modifier 4 entrées alors que l'exercice n'en donne que trois...

  • ludovic.quide-19

    impossible de soumettre sa tourne en bocle

  • mlmuratori-58

    je ne vois que 3 couples propriété:valeur. Aurais-je raté le 4e réclamé par la correction?

  • sandramaillet58-12

    Bonjour, cela ne fonctionne pas! merci de votre réponse

28 Commentaires

  • pizzutoandrea3

    pizzutoandrea3

    ca bloque.. merci de pas modifie la structuìre html..merci

    le 31/05/2017 à 15h24

  • yerem010

    yerem010

    svp pouvez-vous me dire où est l'erreur dans mon code div {background-color: #CC0000;height: 100px; width: 100px;}

    le 13/11/2017 à 22h03

  • mram

    mram Administrateur

    Bonjour, il faut respecter la structure de code pour que ce soit lisible un minimum. Donc il faut en effet aller à la ligne après l'accolade d'ouverture.

    le 16/11/2017 à 17h54

  • mram

    mram Administrateur

    Et oui, vous avez modifié le HTML, pourquoi ? Il ne faut rien mettre dans la balise "div".

    le 07/06/2017 à 13h13

  • Jeeg

    Jeeg

    Bonjour mram, pourtant c'est ce que je fais :( chaque "proprieté:valeur" a une ligne mais j'ai toujours l'erreur "Vérifiez la syntaxe du sélecteur pour le bloc <div>"

    le 13/09/2017 à 15h57

  • mram

    mram Administrateur

    Bonjour, ah je vois, il y a des espaces après l'accolade { alors qu'on attend un retour à la ligne direct.

    le 14/09/2017 à 13h37

  • lois.marchandtravail

    lois.marchandtravail

    Bonjour, pourriez vous me dire mon erreur, ils me disent "problème de syntaxe sur <div>", mon code : div { background-color: #cc0000; height: 100px; width: 100px; }

    le 02/08/2017 à 00h46

  • mram

    mram Administrateur

    Bonjour, la dernière version de votre code est correcte, vous devriez pouvoir valider l'exercice.

    le 05/08/2017 à 10h06

  • ouattara-abdel-39

    ouattara-abdel-39

    Non mais faudrait faire un truc pour le soucis des MAJ on perd 20 min a chercher l'erreur ( qui n'a normalement pas lieu d'être ) pour une simple Maj oublié

    le 16/07/2018 à 22h57

  • Jeeg

    Jeeg

    hello, je ne comprends pas mon erreur. j'écris

    le 11/09/2017 à 11h40

  • mram

    mram Administrateur

    Bonjour, il faut mettre chaque couple "propriété:valeur" sur une ligne à part.

    le 12/09/2017 à 17h25

  • nkeshimanabrice-37

    nkeshimanabrice-37

    Ok

    le 09/10/2018 à 09h17

  • nkeshimanabrice-37

    nkeshimanabrice-37

    ok merci...

    le 23/10/2018 à 10h36

  • AkashiOkami

    AkashiOkami

    Pour ce qui ne trouve toujours pas , voila le code :div{ background-color: #cc0000; height: 100px; width: 100px; }

    le 24/09/2018 à 15h50

  • nkeshimanabrice-37

    nkeshimanabrice-37

    pouvez-vous valider l'exercice...

    le 29/10/2018 à 13h48

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Couleur d'arrière-plan, hauteur et largeur</title> </head> <body> <div></div> </body> </html>
/*Ajoutez votre CSS ici !*/