Quiz#2 - Les base du CSS

Quel est l'acronyme de CSS ?

• Cascading Style Sheets

• Computer Style Sheets

• Creative Style System

• Cool Style Showdown

Answer explanation

L'acronyme CSS signifie "Cascading Style Sheets". C'est un langage utilisé pour stylisé les documents HTML.

Quel sélecteur CSS est utilisé pour cibler un élément avec l'id "header" ?

• #header

• .header

• header

• *header

Answer explanation

Le sélecteur CSS pour cibler un élément avec un id est le symbole # suivi de l'id. Donc, #header est correct pour cibler l'élément avec l'id 'header'. Les autres options ne ciblent pas correctement un id.

Comment applique-t-on un style à tous les éléments p d'une page ?

• p

• #p

• .p

• body p

Answer explanation

Le sélecteur 'p' applique un style à tous les éléments p de la page. Les autres options ciblent des éléments spécifiques ou utilisent des sélecteurs incorrects, donc ne s'appliquent pas à tous les éléments.

Quelles sont les bonnes propositions de code CSS pour changer la couleur de fond d'un élément en bleu ?

• background-color: blue;

• color: blue;

• bg-color: blue;

• background-color: #2851FE;

Answer explanation

Les bonnes propositions pour changer la couleur de fond en bleu sont 'background-color: blue;' et 'background-color: #2851FE;'. 'color: blue;' change la couleur du texte, et 'bg-color' n'est pas une propriété CSS valide.

Quel est le sélecteur CSS correct pour sélectionner uniquement les éléments à l'intérieur des éléments ?

• div span

• div > span

• div + span

• div ~ span

Answer explanation

Le sélecteur 'div > span' sélectionne uniquement les éléments qui sont des enfants directs des éléments div du document HTML. Les autres sélecteurs ne restreignent pas la sélection de cette manière.

Quel mot-clé CSS est utilisé pour rendre un texte en gras ?

• font-weight: bold;

• text-weight: bold;

• font-style: bold;

• font-thickness: bold;

Answer explanation

Le mot-clé CSS correct pour rendre un texte en gras est 'font-weight: bold;'. Les autres options, comme 'text-weight', 'font-style' et 'font-thickness', ne sont pas valides pour cet effet.

Quelle propriété CSS est utilisée pour changer la police d'un texte ?

• font-family

• font-style

• text-font

• font-type

Answer explanation

La propriété CSS 'font-family' est utilisée pour spécifier la police d'un texte. Les autres options comme 'font-style', 'text-font' et 'font-type' ne sont pas des propriétés valides pour changer la police.

Comment centre-t-on un élément horizontalement avec CSS ?

• margin: 0 auto;

• text-align: center;

• align: center;

• centre-align: true;

Answer explanation

Pour centrer un élément horizontalement, on utilise 'margin: 0 auto;' sur un élément avec une largeur définie. Cela applique des marges automatiques à gauche et à droite, le centrant ainsi dans son conteneur.

Quelle propriété CSS est utilisée pour ajouter de l'espace à l'intérieur d'un élément, autour de son contenu ?

• padding

• margin

• border

• spacing

Answer explanation

La propriété CSS 'padding' est utilisée pour ajouter de l'espace à l'intérieur d'un élément, autour de son contenu. Contrairement à 'margin', qui ajoute de l'espace à l'extérieur, 'padding' affecte l'espace interne.

Quels sont les propositions de code CSS correctes pour ajouter une bordure de 1 pixel, solide et noire autour d'un élément ?

• border: 1px solid black;

• border-width: 1px; border-style: solid; border-color: black;

• border: 1px solid #000000;

• border: solid 1px black;

Answer explanation

En CSS, nous pouvons faire cela de deux manières différentes :

Option 1 - Tout en une ligne:

border: 1px solid black;

Option 2 - Tout séparé :

border-width: 1px;

border-style: solid;

border-color: black;

Enfin, pour la proposition :

border: 1px solid #000000;

C'est uniquement la couleur qui s'écrit différemment.