Flashcards : CSS et mise en forme web — 40 cartes

Toutes les cartes

1Question

Qu'est-ce que le CSS permet de mettre en forme dans le code HTML ?

Réponse

Le CSS permet de mettre en forme les couleurs, polices, tailles, images de fond et mise en page.

2Question

Où peut-on écrire le CSS dans un document HTML ?

Réponse

Dans un fichier .css, dans l’en-tête <head> ou directement dans une balise HTML avec style.

3Question

Quel est le moyen recommandé pour insérer un fichier CSS externe dans une page HTML ?

Réponse

Placer un élément link avec rel="stylesheet" et href="css/style.css" dans l’en-tête.

4Question

Que contient une règle CSS ?

Réponse

Un sélecteur, des propriétés CSS et une valeur pour chaque propriété.

5Question

Comment se placent les commentaires CSS ?

Réponse

Entre /* et */.

6Question

Que sélectionne le sélecteur universel * ?

Réponse

Toutes les balises.

7Question

Que sélectionne le sélecteur p strong ?

Réponse

Les balises strong à l’intérieur d’une balise p.

8Question

Que sélectionne le sélecteur #navigation a ?

Réponse

Les balises a dans un élément avec l’identifiant navigation.

9Question

Que sélectionne le sélecteur h2 + p ?

Réponse

Le premier paragraphe situé après un titre h2.

10Question

À quoi sert l'attribut class en HTML ?

Réponse

Il permet d'appliquer une même classe CSS à plusieurs balises HTML.

11Question

Comment cible-t-on une classe CSS en utilisant un sélecteur ?

Réponse

Avec un sélecteur précédé d'un point, comme .classe1.

12Question

Qu'impose l'attribut id dans un document HTML ?

Réponse

Il identifie un élément unique utilisé une seule fois dans le code HTML.

13Question

Comment cible-t-on un élément avec un id en CSS ?

Réponse

Avec un sélecteur précédé du signe #.

14Question

Quelle est l'importance de l'ordre des déclarations CSS ?

Réponse

L'ordre détermine la priorité dans la cascade CSS.

15Question

Quelles tailles accepte la propriété font-size ?

Réponse

Des tailles absolues et relatives.

16Question

Que peut contenir la propriété font-family ?

Réponse

Plusieurs polices de secours et une police générique finale.

17Question

Que permet la propriété font-style ?

Réponse

De mettre le texte en italique.

18Question

Que permet la propriété font-weight ?

Réponse

De mettre le texte en gras.

19Question

Que permet la propriété text-decoration ?

Réponse

D'appliquer une décoration comme underline ou line-through.

20Question

Quels sont les valeurs acceptées par text-align ?

Réponse

left, center, right et justify.

21Question

Sur quels éléments text-align fonctionne-t-il ?

Réponse

Sur les balises de type block comme p, div et titres.

22Question

Quelles notations la propriété color accepte-t-elle ?

Réponse

Des couleurs prédéfinies, hexadécimale et rgb.

23Question

Que définit la propriété background-color ?

Réponse

La couleur de fond d’un élément.

24Question

Comment ajoute-t-on une image de fond avec CSS ?

Réponse

Avec la propriété background-image et url().

25Question

Que fait background-attachment: fixed ?

Réponse

Elle fixe l’image de fond lors du défilement.

26Question

Quels sont les choix possibles pour background-repeat ?

Réponse

repeat, no-repeat, repeat-x ou repeat-y.

27Question

Que permet la super-propriété background ?

Réponse

De combiner plusieurs propriétés et images de fond.

28Question

Comment varie la propriété opacity pour un élément opaque ou transparent ?

Réponse

Elle varie de 1 pour opaque à 0 pour transparent.

29Question

Que définit background-color: rgba(255, 0, 0, 0.5) ?

Réponse

Un rouge à moitié transparent.

30Question

Que peut recevoir la super-propriété border ?

Réponse

La largeur, la couleur et le type de bordure.

31Question

Que fait la propriété border-radius ?

Réponse

Elle arrondit les angles d’un élément.

32Question

Quels paramètres accepte la propriété box-shadow ?

Réponse

Le décalage horizontal, vertical, l’adoucissement et la couleur.

33Question

Quels paramètres utilise text-shadow pour l’ombre du texte ?

Réponse

Les mêmes que box-shadow : décalages, adoucissement et couleur.

34Question

Que fait la pseudo-classe :hover en CSS ?

Réponse

Elle modifie l’apparence d’un élément quand le curseur est dessus.

35Question

Avec quelles balises peut-on utiliser la pseudo-classe :hover ?

Réponse

Avec n’importe quelle balise ou classe.

36Question

Quand s’applique la pseudo-classe :active ?

Réponse

Au moment du clic.

37Question

Pour quel type d’éléments la pseudo-classe :active est-elle surtout utilisée ?

Réponse

Principalement pour les liens.

38Question

Que signifie la pseudo-classe :focus ?

Réponse

Qu’un élément a été sélectionné.

39Question

Comment est souvent indiqué un élément en :focus ?

Réponse

Par une bordure pointillée autour de lui.

40Question

Que signale la pseudo-classe :visited ?

Réponse

Qu’un lien a déjà été visité.

Teste-toi avec le QCM

Teste tes connaissances avec un QCM de 19 questions sur CSS et mise en forme web.

1. Quel est le rôle principal du CSS dans une page web ?

2. Quelles sont les trois façons d’intégrer des règles CSS à une page HTML ?

Faire le QCM →

Consultez la fiche

Révisez le cours complet dans la fiche de révision de CSS et mise en forme web.

Voir la fiche →

Cours similaires

Crée tes propres flashcards

Importe ton cours et l'IA génère des flashcards en 30 secondes.

Générateur de flashcards