28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous
Je suis en train d'essayer de supprimer les scories de présentation venant des feuilles de style par défaut des navigateur, au moins pour les balises h1 à h6
En regardant dans FireBug, je vois des paramètres "margin-block-start" et "margin-block-end" qui se proviennent de la page html.css
Je comprends que ces balises sont les équivalents de margin-right et margin-left, mais relatives au sens de lecture (selon les langages).
Ma question: pour annuler leur effet, suffit-il de mettre un "margin:0" dans la feuille de style commune à toutes les pages du site, ou faut il les traiter séparément?
Question annexe: sachant que cette propriété à l'air d'être spécifique à FF, ou au moins non générale et en cours de développement, peut on trouver quelque part une liste de tous ces gadget parasites pour les différents navigateurs, de façon à pouvoir annuler leurs effets?

Merci de vos conseils
Administrateur
Bonjour,

margin-block-start et et margin-left (en LTR) sont strictement synonymes : ce n'est pas une nouvelle propriété mais la même. On peut écrire l'une ou l'autre, peu importe elle écrasera une déclaration précédente quelle que soit la manière dont était écrite la précédente propriété (ouf !)

margin: 0; écrasera margin-left et -right aussi bien que -block-start et -block-end (c'est le navigateur enfin son inspecteur qui s'amuse à écrire la propriété que lui il utilise en interne).
Mais attention ça écrase aussi margin-top et margin-bottom, ce qui peut être non désiré.

Une liste de toutes les propriétés ?
- y a des cas comme fieldset sur Firefox ou cette plaie de hr où c'est nécessaire mais pas plus que ça. Heureusement ces bizarreries sont soit rétrocompatibles (pas besoin de s'en occuper) soit très nouvelles et donc pas dans les CSS des navigateurs. Exception : Firefox a changé son traitement de abbr. Il utilise une border-bottom et plus un soulignement text-dec... euh l'inverse pardon https://www.fxsitecompat.com/en-US/docs/2015/default-style-of-abbr-acronym-has-been-changed/

- en général afficher les styles par défaut (de l'UA / du naivgateur) dans son Inspecteur / F12 favori suffit

- une liste toute récente : http://disruptive-innovations.com/zoo/cssproperties/ (trop complète)
et un équivalent de la propriété all et/ou valeur initial : http://stackoverflow.com/a/15903168/137626 (on a jamais besoin de ça hein)

Quand on récupère des sites, les trucs drôles à annuler sont sur :before et :after, les box-shadow, les transitions, opacity enfin des trucs qu'on voit pas tout de suite…
Merci Felipe
C'est ce que j'avais déduit de mes essais, mais je préfère voir l'avis de personnes qui ont plus d'expérience que moi dans ce domaine.