Compléments
Syntaxe : Associer un style à un élément unique (attribut id)
Il est possible en HTML d'associer un identifiant unique à un élément et en CSS de le référencer en utilisant un croisillon (#) à la place du point utilisé pour cibler une classe.
<p id="personal-opinion">I don't like patent trolls.</p>
p#personal-opinion {
display: none;
}
Complément : Aller plus loin avec les sélecteurs
Syntaxe : Gérer les unités de longueur
Pour exprimer des longueurs en CSS, il existe de nombreuses unités, les plus courantes sont :
%etemreprésentent une valeur relative à une valeur héritée d'un élément ancêtre (100% ou 1em représente la taille d'un paragraphe standard) ;mm,cm,pxetptreprésentent des tailles relatives à l'espace d'affichage (taille et résolution de l'écran).
Complément : Comprendre la gestion des unités
Complément : Aller plus loin avec les polices
Attention : Il est déconseillé d'utiliser des tableaux pour gérer la mise en page
Les tableaux de mise en page diminuent l'accessibilité aux malvoyants.
Les tables produisent de la bouillie de balises (les pages ne sont plus humainement lisibles).
Les tableaux ne s'adaptent pas automatiquement aux terminaux.
Les tableaux HTML ne doivent être utilisés que pour des données tabulaires.
Utiliser les tableaux pour la mise en page au lieu des techniques des CSS est une mauvaise idée.
(Quand NE PAS utiliser de tableaux en HTML ?, developer.mozilla.org/fr/docs/Apprendre/HTML/Tableaux/Basics)
Méthode : Disposition spatiale
CSS intègre deux techniques pour gérer la mise en page : flexbox et grid.