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