QCM En Html et Css – Partie 8

Question 1 sur 10

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

La règle @font-face en CSS permet de définir des polices personnalisées. Elle spécifie le nom de la police et l'URL de la police à charger, permettant aux développeurs d'utiliser des polices qui ne sont pas installées sur l'ordinateur de l'utilisateur.

Question 2 sur 10

2. Quelle sera la largeur de l’élément div ci-dessous ?

  • A 310px
  • B 350px
  • C 360px
  • D Aucune de ces réponses
C

Pour déterminer la largeur de l'élément div, il faut additionner la largeur spécifiée, le padding et la bordure. Par exemple, si la largeur est de 300px, le padding de 10px de chaque côté et la bordure de 5px de chaque côté, la largeur totale sera de 300 + 10*2 + 5*2 = 360px.

Question 3 sur 10

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 en CSS est utilisée pour aligner le texte à gauche, à droite, au centre ou justifié. Par exemple, text-align: center; centre le texte à l'intérieur de son conteneur.

Question 4 sur 10

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

Pour rendre une table responsive, il est courant d'utiliser la propriété overflow-x: auto; sur le conteneur de la table. Cela permet à la table de défiler horizontalement si elle dépasse la largeur du conteneur.

Question 5 sur 10

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

Les pseudo-éléments en CSS, tels que ::before et ::after, sont utilisés pour styliser des parties spécifiques d'un élément (comme la première lettre ou ligne) ou pour insérer du contenu avant ou après un élément.

Question 6 sur 10

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

Pour sélectionner des éléments avec un attribut spécifique en CSS, on utilise le sélecteur d'attribut. Par exemple, [type='text'] sélectionne tous les éléments dont l'attribut type a la valeur text.

Question 7 sur 10

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() en CSS est utilisée pour effectuer des calculs mathématiques afin de déterminer les valeurs des propriétés. Par exemple, width: calc(100% - 50px); calcule la largeur en soustrayant 50 pixels de 100%.

Question 8 sur 10

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

  • A important
  • B !important
  • C strong
  • D bold
B

Pour donner plus d'importance à une propriété/valeur en CSS, on utilise !important. Par exemple, color: red !important; force la couleur rouge, même si d'autres règles CSS ont une priorité plus élevée.

Question 9 sur 10

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

La propriété background-clip en CSS spécifie la zone de peinture de l'arrière-plan. Par exemple, background-clip: border-box; peint l'arrière-plan dans la zone délimitée par la bordure de l'élément.

Question 10 sur 10

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() en CSS est utilisée pour insérer les valeurs d'une variable CSS. Par exemple, color: var(--main-color); utilise la valeur de la variable --main-color.

Ajouter un commentaire

Veuillez vous connecter pour ajouter un commentaire.

Pas encore de commentaires.

OUDEV.NET OUDEV.NET OUDEV.NET OUDEV.NET OUDEV.NET OUDEV.NET OUDEV.NET