28172 sujets

CSS et mise en forme, CSS3

Bonjour,

A un moment on perd ses repères...et là c'est par rapport aux margin des titres.J'avais cru comprendre le problème des fusions des marges pour tout ce qui était block.
A savoir margin-bottom du block n et margin-top du block n+1 ne s'additionnent pas mais fusionnent au profit de la plus grande.

Pour respecter le rythme vertical, les margin doivent être des multiples de la line-height choisie pour notre style.
Donc pour les paragraphes on va avoir (par exemple) margin-top et margin-bottom = 1.5rem

Et souvent pour les titres on peut voir des marges asymetriques. Par exemple margin-top = 2rem margin-bottom=1rem.
Mais dans ce cas je ne vois pas l'interet d'indiquer ce type de marge puisqu'elle va fusionner avec la margin-top (1.5rem) du paragraphe qui suit le titre.
A moins d'indiquer p:first-child {margin-top: 0;}

Je souhaiterai avoir des avis sur ce problème de marges pour les titres.

Cordialement
oups!! parti trop vite... toutes mes excuses.
Cet article, bien sur que je l'avais lu et relu. Je viens de le relire.
Mais je n'y trouve pas la réponse à mon interrogation, excepté d'avoir l'exemple avec une margin-bottom des titres plus petite que la margin-top du paragraphe.

Cordialement