Quiz CSS

Mise en forme avancée du CSS

Parmis les propositions suivantes laquelle n'est pas une propriété permettant de gérer le background d'un élément ?

Vous ne pouvez pas gérer la taille du background d'un élément car par défaut il s'agit de la taille indiquée avec les propriétés width et height

Quelles sont les 3 propriétés associées à la propriété border ?

Une bordure en CSS a trois propriétés principales size, style, color, la bonne réponse était donc la 3éme.

Combien de valeurs puis-je spécifier au maximum en utilisant une propriété shadow ?

Il est possible de spécifier jusqu'à 6 valeurs pour une ombre: portée horizontale, portée verticale, dégradé, taille, couleur et position (interne ou externe)

Je souhaite mettre une image de fond à mon header. Cette image s'appelle paysage.jpg et se trouve dans un dossier img. Que dois-je écrire ?

Pour indiquer le chemin de mon image dans une propriété background-image je dois utiliser url suivi du chemin complet vers mon image. Ici la bonne réponse était donc la dernière car le chemin depuis la racine du site est img/paysage.jpg.

Je souhaite appliquer à mes articles une ombre avec les propriétés suivantes: 3px de portée horizontale, 4px de dégradé, 5px de portée verticale, couleur rouge, taille de 8px. Que dois-je écrire

Avouons le cette question n'était pas facile, mais il faut bien vous souvenir de l'ordre des propriété de l'ombre autrement le résultat ne sera pas ce que vous espérez. L'ordre est le suivant: portée horizontale puis verticale, dégradé de l'ombre, taille de l'ombre et couleur. Enfin text-shadow comme son nom l'indique ne s'utilise que sur du texte et pas sur des bloques

Je souhaite appliquer une bordure noire pointillée au bas de mon header de 5px d'épaisseur, que dois-je écrire ?

On peut spécifier uniquement un côté de la bordure grâce à border-left/right/top/bottom. Pour appliquer une bordure pointillée je dois utiliser dashed, la bonne réponse était donc la dernière.

Après avoir ajouter une image de fond à ma page je me rends compte que celle-ci se répète et ce n'est pas ce que je veux. Que dois-je écrire en CSS ?

Pour empêcher une image de fond de se répéter il faut utiliser la propriété background-repeat avec la valeur no-repeat.