Pour affecter des marges aux différents éléments d’une page web, les propriétés CSS à utiliser sont margin, pour les marges extérieures, et padding pour les marges intérieures.
Pour chaque élément html on peut donc définir l’espacement qui le séparera des autres éléments avec margin et les espacements intérieurs dont il peut bénéficier avec padding .
Les marges externes avec margin
Les propriétés de marge spécifient la largeur de la zone de marge d’un bloc.
Définit la marge pour les quatre côtés de la zone de marge d’un bloc.
La “marge externe” est la zone “margin”. D’où le nom de la propriété : margin.
Déclaration des tailles
La propriété : margin spécifie la marge pour les quatre côtés à la fois.
Définir une largeur fixe.
Utiliser l’unité pourcentage: Dans ce cas le pourcentage est calculé par rapport à la taille du bloc conteneur.
Mettre auto qui correspond à une valeur automatique définie par le navigateur.
Si on ne spécifie qu’une valeur dans la propriété margin, celle-ci s’applique à tous les côtés.