Mémento

Propriétés CSS majeures

Propriété	Description	Actions
`display:`	La propriété `display:` spécifie comment un élément est affiché. Chaque élément HTML a une valeur d'affichage par défaut en fonction du type d'élément. La valeur d'affichage par défaut pour la plupart des éléments est block ou inline.	Exercices
`width:` et `height:`	Les propriétés `width:` et `height:` sont utilisées pour définir la largeur et la hauteur d'un élément. La largeur et la hauteur peuvent être définies sur auto (par défaut signifie que le navigateur calcule de son propre chef la largeur et la hauteur), ou être spécifiées en valeurs, comme px, cm, etc., ou en pourcentage (%).	Exercices
`margin:`	La marge extérieure correspond à la limite extrême d'élément et représente la distance entre deux éléments. En CSS, on utilise la propriété : `margin:`.	Exercices
`padding:`	Autour de l'élément et donc du contenu, on distingue la marge intérieure. Elle est représentée en CSS grâce à la propriété `padding:`.	Exercices
`border:`	La propriété `border:` CSS permet de spécifier le style, la largeur et la couleur de la bordure d'un élément.	Exercices
`background:`	La propriété `background:` est utilisée pour définir les effets d'arrière-plan pour les éléments.	Exercices

Mise en forme du texte

Propriété	Description	Actions
`color:`	La propriété `color:` est utilisée pour définir la couleur du texte.	Exercices
`text-align:`	La propriété `text-align:` est utilisée pour définir l'alignement horizontal d'un texte.	Exercices
`text-transform:`	La propriété `text-transform:` permet de spécifier des majuscules et des minuscules dans un texte. Elle peut être utilisée pour transformer tout en majuscules ou minuscules, ou mettre en majuscule la première lettre de chaque mot.	Exercices
`text-decoration:`	La propriété `text-decoration:` est utilisée pour définir ou supprimer des décorations du texte. Elle est souvent utilisée pour ajouter ou supprimer les soulignements des liens.	Exercices

Police

Propriété	Description	Actions
`font-family:`	La famille de polices d'un texte est définie avec la propriété `font-family:`. La propriété `font-family:` doit contenir plusieurs noms de polices en tant que système "fallback". Si le navigateur ne supporte pas la première police, il essaie la police suivante, et ainsi de suite.
`font-style:`	La propriété `font-style:` est principalement utilisée pour spécifier le texte en italique.
`font-size:`	La propriété `font-size:` définit la taille du texte.
`font-weight:`	La propriété `font-weight:` spécifie le poids d'une police (normal, bold, etc.).

En résumé

CSS	HTML ciblé souligné
`p {}`	<p>Bla bla bla</p>
`#super {}`	<element id="super">Bla bla bla</element>
`.mega {}`	<element class="mega">Bla bla bla</element>
`p, #giga, .top {}`	<element class="top">Bla bla bla</element><p>Bla bla bla</p><element id="giga">Bla bla bla</element>
`p.mega {}`	<p class="mega">Bla bla bla</p>
`p .mega {}`	<p><span class="mega">Bla bla bla</span></p>