NEW
Font size
WorksheetsCSS Les sélecteurs de base et propriété de tailles
Total questions: 19
Worksheet time: 10mins
Quels sont les sélecteurs de base en CSS ?
Sélecteurs de couleur, de taille, de police, de marge, et de bordure.
Sélecteurs de position, de visibilité, de transition, de transformation, et de animation.
Sélecteurs de texte, de fond, de ligne, de colonne, et de tableau.
Sélecteurs de type, de classe, d'identifiant, d'attribut, et universel.
Quelle propriété CSS est utilisée pour changer la couleur de fond d'un élément ?
background-color
border-color
background-image
color
Comment définir une bordure sur un élément en CSS ?
Utiliser la propriété 'border' en CSS.
Utiliser la propriété 'background-color' en CSS.
Utiliser la propriété 'color' en CSS.
Utiliser la propriété 'bordure' en CSS.
Quelle est la syntaxe pour définir la largeur d'un élément en CSS ?
margin: 50%;
width: 100px; ou width: 50%;
padding: 20px;
height: 100px;
Comment peut-on définir la hauteur d'un élément en CSS ?
On définit la hauteur d'un élément en CSS avec la propriété 'size'.
On définit la hauteur d'un élément en CSS avec la propriété 'height'.
La hauteur d'un élément en CSS est déterminée par la propriété 'margin'.
On utilise la propriété 'padding' pour définir la hauteur d'un élément en CSS.
Quelle propriété CSS permet de créer de l'espace à l'extérieur d'un élément ?
display
border
margin
padding
Quelle est la différence entre margin et padding ?
Padding est utilisé pour ajouter des bordures à un élément.
La différence entre margin et padding est que margin crée de l'espace à l'extérieur d'un élément, alors que padding crée de l'espace à l'intérieur de l'élément.
Margin est utilisé pour définir la taille d'un élément.
Margin et padding sont identiques.
Comment appliquer un remplissage à un élément en CSS ?
Appliquez un fond avec la propriété CSS 'background'.
Utilisez la propriété CSS 'margin'.
Utilisez la propriété CSS 'border' pour le remplissage.
Utilisez la propriété CSS 'padding'.
Quelles sont les valeurs possibles pour la propriété display ?
block, inline, inline-block, flex, grid, none, table, table-row, table-cell, etc.
absolute
fixed
relative
Quelle est la différence entre display: block et display: inline ?
display: block et display: inline n'ont aucune différence significative
display: block permet d'aligner les éléments sur la même ligne
display: block crée des éléments qui prennent toute la largeur et commencent sur une nouvelle ligne, tandis que display: inline crée des éléments qui n'occupent que l'espace nécessaire et peuvent être alignés sur la même ligne.
display: inline crée des éléments qui prennent toute la largeur de l'écran
Comment rendre un élément en bloc avec CSS ?
Utiliser 'position: relative;' en CSS.
Utiliser 'display: block;' en CSS.
Utiliser 'float: left;' en CSS.
Utiliser 'display: inline;' en CSS.
Quel effet a display: inline sur les éléments ?
Les éléments sont affichés en colonne, les uns sous les autres.
Les éléments sont masqués et n'apparaissent pas sur la page.
Les éléments sont affichés en bloc et occupent toute la largeur disponible.
Les éléments sont affichés sur la même ligne et n'occupent que l'espace nécessaire.
Comment centrer un élément en utilisant margin ?
Utiliser 'margin: auto;' pour centrer l'élément.
Appliquer 'margin: 0;' pour centrer l'élément.
Utiliser 'margin: 10px;' pour centrer l'élément.
Quelle propriété CSS peut être utilisée pour cacher un élément ?
visibility: hidden;
opacity: 0;
position: absolute;
display: none;
Comment appliquer un fond dégradé à un élément ?
Appliquer une image de fond avec 'background-image' uniquement.
Utiliser la propriété 'border' pour créer un effet de dégradé.
Utiliser la propriété CSS 'background' avec 'linear-gradient' ou 'radial-gradient'.
Utiliser la propriété CSS 'color' pour changer la couleur du texte.
Quelle est la valeur par défaut de la propriété display pour un élément
?
flex
inline
block
grid
Comment utiliser les sélecteurs de classe en CSS ?
Utilisez un tiret suivi du nom de la classe, par exemple '-maClasse { ... }'.
Écrivez le nom de la classe sans point, par exemple 'maClasse { ... }'.
Utilisez un point suivi du nom de la classe, par exemple '.maClasse { ... }'.
Utilisez un dièse suivi du nom de la classe, par exemple '#maClasse { ... }'.
Quelle propriété permet de contrôler la taille d'un élément en pourcentage ?
border
margin
width ou height
padding
Comment appliquer un style à tous les éléments d'une même classe ?
Appliquer un style directement dans le HTML.
Utiliser des balises HTML pour chaque élément.
Utiliser le sélecteur de classe en CSS.
Utiliser le sélecteur d'ID en CSS.
