1. Comment les polices personnalisées sont-elles définies à l’aide de CSS ?
La règle @font-face
en CSS permet de définir des polices personnalisées. Elle spécifie le nom de la police et l'URL de la police à charger, permettant aux développeurs d'utiliser des polices qui ne sont pas installées sur l'ordinateur de l'utilisateur.
2. Quelle sera la largeur de l’élément div ci-dessous ?
Pour déterminer la largeur de l'élément div
, il faut additionner la largeur spécifiée, le padding et la bordure. Par exemple, si la largeur est de 300px, le padding de 10px de chaque côté et la bordure de 5px de chaque côté, la largeur totale sera de 300 + 10*2 + 5*2 = 360px.
3. Laquelle des propriétés suivantes est utilisée pour aligner le texte en CSS ?
La propriété text-align
en CSS est utilisée pour aligner le texte à gauche, à droite, au centre ou justifié. Par exemple, text-align: center;
centre le texte à l'intérieur de son conteneur.
4. Laquelle des approches suivantes est la bonne pour rendre une table responsive ?
Pour rendre une table responsive, il est courant d'utiliser la propriété overflow-x: auto;
sur le conteneur de la table. Cela permet à la table de défiler horizontalement si elle dépasse la largeur du conteneur.
5. Quelles sont les utilisations des pseudo-éléments CSS ?
Les pseudo-éléments en CSS, tels que ::before
et ::after
, sont utilisés pour styliser des parties spécifiques d'un élément (comme la première lettre ou ligne) ou pour insérer du contenu avant ou après un élément.
6. Comment sélectionner des éléments avec un attribut spécifique en CSS ?
Pour sélectionner des éléments avec un attribut spécifique en CSS, on utilise le sélecteur d'attribut. Par exemple, [type='text']
sélectionne tous les éléments dont l'attribut type
a la valeur text
.
7. Quel est le paramètre de la fonction calc() en CSS ?
La fonction calc()
en CSS est utilisée pour effectuer des calculs mathématiques afin de déterminer les valeurs des propriétés. Par exemple, width: calc(100% - 50px);
calcule la largeur en soustrayant 50 pixels de 100%.
8. Comment ajouter plus d’importance à une propriété/valeur que la normale ?
Pour donner plus d'importance à une propriété/valeur en CSS, on utilise !important
. Par exemple, color: red !important;
force la couleur rouge, même si d'autres règles CSS ont une priorité plus élevée.
9. Quelle propriété CSS spécifie la zone de peinture du background?
La propriété background-clip
en CSS spécifie la zone de peinture de l'arrière-plan. Par exemple, background-clip: border-box;
peint l'arrière-plan dans la zone délimitée par la bordure de l'élément.
10. Quelle fonction est utilisée pour insérer les valeurs d’une variable CSS ?
La fonction var()
en CSS est utilisée pour insérer les valeurs d'une variable CSS. Par exemple, color: var(--main-color);
utilise la valeur de la variable --main-color
.
Ajouter un commentaire
Veuillez vous connecter pour ajouter un commentaire.
Pas encore de commentaires.