Pages

Taille des H1

Découvrons pourquoi la taille des H1 dépend du degré d’imbrication. Commençons par trouver les feuilles de styles par défaut
http://stackoverflow.com/questions/6867254/browsers-default-css-for-html-elements

Pour Chrome :
https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css

On peut lire que :

/* children of the <head> element all have display:none */
head {
display: none
}
meta {
display: none
}
title {
display: none
}

De plus on lit que le style de H1 est différent suivant les imbrications :

h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67__qem;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
font-weight: bold
}
:-webkit-any(article,aside,nav,section) h1 {
font-size: 1.5em;
-webkit-margin-before: 0.83__qem; // quirky margins
-webkit-margin-after: 0.83em;
}



En action