Questionnaire n°5 du cours HTML et CSS

SOMMAIRE

Introduction

Les bases en HTML

Les bases en CSS

Mise en forme de textes

Le modèle des boîtes

Gestion du fond

Les tableaux

Image, audio, vidéo

CSS avancé

Formulaires HTML

Responsive design

Création d'un site perso (cv)

Chapitre précédent

Chapitre suivant

Question n°1 :

Laquelle de ces propriétés CSS nous permet de changer la couleur de fond d'un élément ?

color
background-color
background-image

Réponse 2. On va pouvoir changer la couleur de fond d'un élément avec la propriété CSS background-color.

Question n°2 :

Par défaut, une image de fond se répète...

Horizontalement
Pas du tout
Horizontalement et verticalement

Réponse 3. Par défaut, une image de fond va se répéter jusqu'à remplir le fond de l'élément auquel elle est appliquée, en largeur comme en hauteur.

Question n°3 :

Comment ajouter plusieurs images de fond pour un même élément ?

En réécrivant toutes les déclarations CSS deux fois
En n'écrivant qu'une fois les propriétés et en séparant les valeurs pour chaque image par une virgule
Ce n'est pas possible

Réponse 2.On va pouvoir ajouter autant d'images de fond qu'on le souhaite à un même élément HTML. Il suffit dans ce cas de séparer les différentes valeurs relatives à chaque image par une virgule pour chaque propriété.

Question n°4 :

A quoi sert un préfixe vendeur ?

A vendre plus pour un site e-commerce
A forcer la compatibilité d'une propriété CSS pour certaines versions de certains navigateurs
A créer des dégradés pour tous les navigateurs

Réponse 2. Les préfixes vendeurs vont pouvoir être utilisés afin que d'anciennes versions de certains navigateurs puissent lire certaines propriétés CSS récentes.

Question n°5 :

Quel est le préfixe vendeur de Mozilla Firefox ?

-webkit-
-o-
-moz-

Réponse 3. -webkit- est la préfixe utilisé pour Chrome et Safari tandis que -o- est le préfixe pour le navigateur Opéra.

Question n°6 :

Quelle syntaxe allons nous utiliser pour créer un dégradé linéaire jaune/orange/rouge du coin supérieur gauche vers le coin inférieur droit d'un élément ?

background: -webkit-linear-gradient(top left, yellow,orange,red);
background: -o-linear-gradient(bottom right, yellow,orange,red);
background: -moz-linear-gradient(bottom right, yellow,orange,red);
background: linear-gradient(to bottom right, yellow,orange,red);
background: -webkit-linear-gradient(bottom right, yellow,orange,red);
background: -o-linear-gradient(bottom right, yellow,orange,red);
background: -moz-linear-gradient(bottom right, yellow,orange,red);
background: linear-gradient(to bottom right, yellow,orange,red);
background: -webkit-linear-gradient(top left, yellow,orange,red);
background: -o-linear-gradient(bottom right, yellow,orange,red);
background: -moz-linear-gradient(bottom right, yellow,orange,red);
background: linear-gradient(bottom right, yellow,orange,red);

Réponse 1. Avec le préfixe -webkit-, il faut bien indiquer le point de départ du dégradé. La propriété non préfixée nécessite elle l'emploi du mot clef "to".

Question n°7 :

Qu'est-ce qu'un dégradé radial ?

Un dégradé qui se fait dans toutes les directions à partir d'un point central
Un dégradé qui part d'un centre dans une certaine direction
Un dégradé qui part d'une direction vers une autre

Réponse 1. Un dégradé radial part d'un point central dans toutes les directions.

Question n°8 :

Un dégradé radial ne peut pas être de forme...

Circulaire
Elliptique
Triangulaire

Réponse 3. On peut définir un dégradé radial afin qu'il soit en forme de cercle ou d'ellipse uniquement.