QCM : CSS et mise en forme web — 19 questions

Explication

Le CSS sert à contrôler la présentation du HTML, notamment les couleurs, les polices, les tailles, les arrière-plans et la mise en page. La structuration du contenu relève du HTML, tandis que les calculs dynamiques relèvent notamment de JavaScript.

Explication

Les règles CSS peuvent être placées dans un fichier externe, dans un élément style de l’en-tête ou directement grâce à l’attribut style d’une balise HTML. L’attribut style est toutefois la méthode à éviter parmi ces possibilités.

Explication

Une feuille CSS externe est reliée avec un élément link portant rel="stylesheet" et href="css/style.css", placé dans l’en-tête HTML. L’élément style sert au CSS interne, tandis que script concerne les scripts.

Explication

Une règle CSS associe un sélecteur à une ou plusieurs propriétés, chacune recevant une valeur. Le sélecteur désigne les éléments concernés, alors que la propriété décrit la modification à appliquer.

Explication

Le sélecteur universel * s’applique à toutes les balises HTML. Le sélecteur p viserait les paragraphes, tandis qu’une classe nécessite un point suivi de son nom.

Explication

L’attribut class permet de regrouper plusieurs balises sous une même règle CSS, ciblée avec un point, comme .classe1. L’identification unique d’un élément correspond à l’attribut id, ciblé avec un dièse.

Explication

Un identifiant HTML se cible en CSS avec le signe dièse suivi de sa valeur, ce qui donne ici #navigation. Le point sert à cibler une classe, qui peut être partagée par plusieurs balises.

Explication

Dans la cascade CSS, l’ordre des déclarations peut influencer la règle retenue et donc le résultat final affiché. Il ne modifie ni la structure HTML, ni le chemin du fichier externe, ni la contrainte d’unicité d’un identifiant.

Explication

La valeur $1.3ex$ dépend d’une unité relative à la police, contrairement aux valeurs exprimées en pixels ou en unités physiques. Une valeur comme $12px$ indique une taille absolue dans cet ensemble d’exemples.

Explication

La propriété `font-family` peut énumérer plusieurs polices de secours et se terminer par une famille générique disponible comme `sans-serif`. Une taille telle que `16px` ne constitue pas une police de secours valide.

Explication

`text-align` accepte notamment `center`, mais son alignement s’applique aux balises de type block comme `p`, `div` et les titres. Une couleur, une image d’arrière-plan ou une unité de taille ne sont pas des éléments block concernés.

Explication

La notation hexadécimale `#FFFFFF` correspond au blanc, tandis que `#000000` correspond au noir. Les deux autres valeurs représentent d’autres couleurs et ne codent pas le blanc.

Explication

`background-color` définit la couleur de fond d’un élément, notamment celle de la page lorsqu’elle est appliquée à `body`. `color` modifie plutôt la couleur du texte.

Explication

`background-image: url(...)` ajoute l’image et `background-repeat: no-repeat` empêche sa répétition. `repeat-x` autoriserait au contraire une répétition horizontale, tandis que `background-color` ne sert pas à charger une image.

Explication

La propriété `opacity` vaut $0$ pour un élément totalement transparent et $1$ pour un élément totalement opaque. La valeur $0.5$ indique une transparence intermédiaire, tandis que $2$ ne correspond pas à cette échelle.

Explication

La super-propriété `border` peut regrouper la largeur, la couleur et le style, comme dans `border: 3px blue double`. `border-radius` sert à arrondir les angles et ne définit pas ces trois caractéristiques de bordure.

Explication

`text-shadow` applique une ombre aux caractères en utilisant des paramètres de décalage, d’adoucissement et de couleur. `box-shadow` concerne l’ombre de la boîte de l’élément, tandis que les deux autres propriétés ont d’autres fonctions.

Explication

La pseudo-classe :hover s’applique lorsque le curseur survole un élément et peut être associée à n’importe quelle balise ou classe. La pseudo-classe :active concerne plutôt le moment du clic, notamment sur les liens.

Explication

La pseudo-classe :active s’applique au moment où l’utilisateur clique sur le lien. La pseudo-classe :visited signale plutôt qu’un lien a déjà été visité, tandis que :hover correspond au survol.