td4.1 Flashcards
Qu’est-ce que la cascade en CSS ?
La cascade est le mécanisme de résolution des conflits entre règles CSS basé sur l’emplacement la spécificité des sélecteurs et l’ordre lexicographique.
Pourquoi est-il recommandé d’utiliser des styles externes plutôt que des styles internes ou inline en CSS ?
Les styles externes favorisent la réutilisation la séparation des rôles entre HTML et CSS et permettent des modifications globales sans toucher au HTML.
Comment fonctionne la priorité des sélecteurs CSS ?
La priorité est définie par un quadruplet (a b c d) basé sur l’emplacement le nombre d’identifiants de classes de balises et l’ordre lexicographique.
Expliquez les valeurs a b c d dans la priorité des sélecteurs CSS.
a représente l’emplacement (0 pour le navigateur 1 pour interne/externe 2 pour inline). b c et d comptent respectivement les identifiants les classes/pseudo-classes et les balises/pseudo-éléments.
Quelles sont les valeurs possibles pour la propriété display en CSS et que signifie display: block ?
Les valeurs principales sont block inline et none. display: block rend l’élément block occupant toute la largeur avec saut de ligne avant et après.
Comment centrer horizontalement un élément block en CSS ?
En utilisant margin: 0 auto. qui ajuste automatiquement les marges horizontales pour centrer l’élément.
Comment supprimer la bordure du premier élément avec CSS ?
Utiliser la pseudo-classe :first-child { border: none. }.
Quelle est la propriété CSS utilisée pour cacher complètement un élément sans laisser d’espace ?
display: none. permet de supprimer complètement un élément du rendu.
Quand utiliser position: relative. en CSS et quel est son effet ?
position: relative. est utilisé pour positionner un élément relativement à sa position normale sans affecter le reste de la page.
Comment afficher un sous-menu au survol d’un élément en CSS ?
En utilisant display: none. pour masquer le sous-menu puis :hover pour afficher le sous-menu au survol de l’élément parent.
Quelle est l’utilité de display: inline. en CSS ?
display: inline. rend un élément inline ajustant sa taille en fonction de son contenu et ne provoquant pas de saut de ligne.
Comment éviter les espaces entre les éléments inline dans le HTML ?
En ajoutant des commentaires entre les balises par exemple [!– –] pour éliminer les espaces.
Quels sont les avantages d’utiliser display: flex. en CSS ?
Non abordé dans ce TD (optionnel).
Comment donner une hauteur à un élément block en CSS ?
En utilisant la propriété height dans le CSS.
Comment ajouter une bordure à gauche d’un élément avec CSS ?
En utilisant border-left: 2px solid black. et éventuellement :first-child pour retirer la bordure du premier élément.
