QCM HTML / CSS – Partie 8

mai 20, 2024mai 21, 2024 Thomas Aucun commentaire

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. La forme complète de CSS est :

A Cascading Style Sheets

B Coloured Special Sheets

C Color and Style Sheets

D Aucune de ces réponses

CSS est l’abréviation de Cascading Style Sheets (feuilles de style en cascade).

2. Comment modifier la couleur d’arrière-plan d’un élément ?

A background-color

B color

C Les deux A et B

D Aucune de ces réponses

La propriété background-color permet de modifier la couleur d’arrière-plan d’un élément. Exemple pour définir la couleur d’arrière-plan d’une page:

body {background-color: blue;}

3. De combien de façons peut-on écrire CSS ?

A 1

B 2

C 3

D 4

Les feuilles de style CSS peuvent être ajoutées aux documents HTML de trois façons :

Inline – en utilisant l’attribut style à l’intérieur des éléments HTML. Exemple: <p style="color:red;">Un paragraphe en rouge.</p>
Interne – en utilisant l’élément <style> dans la section <head>. Exemple:

<html>
	<head>
		<style>
		  p {color: red;}
		</style>
	</head>
	<body>
	  <p>Un paragraphe en rouge.</p>
	</body>
</html>

Externe – en utilisant l’élément <link> pour créer un lien vers un fichier CSS externe. Exemple:

<html>
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
 ....

4. Quel est le type de CSS de l’extrait de code suivant ?

<h1 style="color:blue;">Un titre en bleu</h1>

A Inline

B Interne

C Externe

D Aucune de ces réponses

L’extrait de code ci-dessus est un exemple de CSS Inline.

5. Quel type de CSS est généralement recommandé pour la conception de pages web de grande taille ?

A Inline

B Interne

C Externe

D Aucune de ces réponses

Les avantages de l’utilisation d’une feuille de style externe sont les suivants: tout est stocké dans un seul fichier. une fois modifiées/mises à jour, les modifications sont répercutées sur toutes les autres pages qui font référence à la feuille de style. cela facilite la maintenance des sites web de grande taille.

6. Quelle balise HTML est utilisée pour déclarer un CSS interne ?

A <link>

B <style>

C <script>

D <css>

La balise HTML <style> est utilisée pour déclarer des feuilles de style CSS internes. Exemple:

<html>
	<head>
		<style>
		  p {color: red;}
		</style>
	</head>
	<body>
	  <p>Un paragraphe en rouge.</p>
	</body>
</html>

7. Comment sélectionner un élément avec un identifiant spécifique en CSS ?

A #

B .

C ^

D +

Les ID sont sélectionnés dans le CSS en utilisant # suivi du nom de l’ID. Exemple, la règle CSS ci-dessous sera appliquée à l’élément HTML avec id="para1" :

#para1 {
  text-align: center;
  color: red;
}

Voire un exemple.

8. Comment sélectionner un élément avec une classe spécifique en CSS ?

A #

B .

C ^

D +

Les classes sont sélectionnées en CSS à l’aide de . suivi du nom de la classe. Exemple, la règle CSS ci-dessous sélectionne et stylise tous les éléments avec class="intro":

.intro {
  background-color: blue;
}

9. Dans l’extrait de code ci-dessous, dans quel ordre les marges seront-elles ajoutées ?

p {
  margin: 25px 50px 75px 100px;
}

A Top, Right, Bottom, Left

B Top, Left, Bottom, Right

C Top, Bottom, Right, Left

D Right, Left, Top, Bottom

La propriété CSS margin a 4 directions: top (haut), right (droite), bottom (bas), left (gauche). Dans l’exemple ci-dessus la propriété margin a quatre valeurs :

top margin est 25px
right margin est 50px
bottom margin est 75px
left margin est 100px

10. Des valeurs négatives peuvent-elles être autorisées dans la propriété « padding » ?

A Oui

B Non

C Dépend de la propriété

D Aucune de ces réponses

Non. Le padding ne prend que des valeurs positives. Les valeurs négatives sont ignorées ou traitées comme 0, ce qui aurait le même effet que :none. Les Margins peuvent prendre des valeurs négatives, tout comme d’autres propriétés liées à la position, mais pas le padding.

QCMs qui pourraient vous intéresser :

1. La forme complète de CSS est :

2. Comment modifier la couleur d’arrière-plan d’un élément ?

3. De combien de façons peut-on écrire CSS ?

4. Quel est le type de CSS de l’extrait de code suivant ?

5. Quel type de CSS est généralement recommandé pour la conception de pages web de grande taille ?

6. Quelle balise HTML est utilisée pour déclarer un CSS interne ?

7. Comment sélectionner un élément avec un identifiant spécifique en CSS ?

8. Comment sélectionner un élément avec une classe spécifique en CSS ?

9. Dans l’extrait de code ci-dessous, dans quel ordre les marges seront-elles ajoutées ?

10. Des valeurs négatives peuvent-elles être autorisées dans la propriété « padding » ?

Vous pourrez aussi aimer

QCM HTML / CSS – Partie 46

QCM HTML / CSS – Partie 55

QCM HTML / CSS – Partie 47

Laisser un commentaire Annuler la réponse