QCM HTML / CSS – Partie 10

Questions pratiques pour testez vos connaissances sur le langage HTML/CSS à savoir l’utilisation du code HTML/CSS, structurer une page web en HTML/CSS, organiser les éléments d’une page Web, etc. Testez votre connaissance et travaillez sur les questions que vous trompez le plus souvent.
 
 

1. Comment les polices personnalisées sont-elles définies à l’aide de CSS ?

A @font-face

B Il n’est pas possible de définir des polices personnalisées.

C à l’aide de l’attribut src.

D Aucune de ces réponses

A
Nous pouvons définir nos propres polices personnalisées à l’aide de la règle CSS @font-face. Exemple:

@font-face {
  font-family: maPolicePerso;
  src: url(sansation_light.woff);
}

 

 

2. Quelle sera la largeur de l’élément div ci-dessous ?
div {
  width: 310px;
  padding: 20px;
  border: 5px solid red;
  margin: 0;
}

A 310px

B 350px

C 360px

D Aucune de ces réponses

C
310 px (width) + 20 * 2 px (padding gauche + droite) + 5 * 2 px (bordure gauche + droite) + 0px (margin) = 360px.

 

3. Laquelle des propriétés suivantes est utilisée pour aligner le texte en CSS ?

A text-align

B text-alignment

C text

D text-position

A
La propriété text-align spécifie l’alignement du texte en CSS. Voir un exemple.

 

 
 

4. Laquelle des approches suivantes est la bonne pour rendre une table responsive ?

A overflow-x: auto

B overflow-x: none

C Les deux A et B

D Aucune de ces réponses

A
L’ajout d’un élément conteneur (comme <div>) avec overflow-x: auto autour de l’élément <table> le rendra responsif.

 

5. Quelles sont les utilisations des pseudo-éléments CSS ?

A Styliser les parties spécifiées d’un élément.

B Styliser la première lettre ou ligne d’un élément.

C Insérer du contenu avant ou après l’élément.

D Tous les réponses sont correctes

D
Un pseudo-élément CSS est utilisé pour donner du style à des parties spécifiques d’un élément.
Par exemple, il peut être utilisé pour

  • styliser la première lettre ou ligne d’un élément
  • Insérer du contenu avant ou après le contenu d’un élément

Exemple:

p::first-line {
  color: #ff0000;
  font-variant: small-caps;
}

Voir l’exemple complet ici.

 

6. Comment sélectionner des éléments avec un attribut spécifique en CSS ?

A Sélecteur [attribut]

B Sélecteur [propriété]

C Les deux A et B

D Aucune de ces réponses

A
Sélecteur [attribut] est utilisé pour sélectionner des éléments avec un attribut spécifié. Voir un exemple.

 

 
 

7. Quel est le paramètre de la fonction calc() en CSS ?

A Une phrase

B Un nombre

C Une expression mathématique

D Aucune de ces réponses

C
La fonction calc() prend en paramètre une expression mathématique et renvoie sa valeur. Voir un exemple.

 

8. Comment ajouter plus d’importance à une propriété/valeur que la normale ?

A important

B !important

C strong

D blod

B
La règle !important en CSS est utilisée pour donner plus d’importance à une propriété/valeur que la normale.

En fait, si vous utilisez la règle !important, elle remplacera TOUTES les règles de style précédentes pour cette propriété spécifique sur cet élément. Voir un exemple.

 

9. Quelle propriété CSS spécifie la zone de peinture du background?

A background-size

B background-clip

C background-image

D background-color

B
The background-clip property in CSS specifies the painting area of the background. Voir un exemple.

 

 
 

10. Quelle fonction est utilisée pour insérer les valeurs d’une variable CSS ?

A var()

B varchar()

C rand()

D insert()

A
La fonction var() est utilisée pour insérer les valeurs d’une variable CSS. Voir un exemple.

 

 

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *