Sempre tive dúvidas sobre por onde começar como uma linha de base das melhores práticas gerais. Sim, eu sei que depende do seu design - mas o que é mais comum?
Aqui está o que tenho atualmente como iniciante:
h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}
Sim, não usamos EMs no meu trabalho atual.
obrigado
Respostas:
Dependeria da folha de estilo padrão do navegador. Você pode ver uma tabela (não oficial) de padrões da folha de estilo do agente do usuário CSS2.1 aqui .
Com base na página listada acima, os tamanhos padrão são mais ou menos assim:
Também vale a pena dar uma olhada na folha de estilo padrão para HTML 4 . O W3C recomenda usar esses estilos como padrão. Um trecho resumido:
Espero que esta informação seja útil.
fonte
em
tamanhos do IE8. w3.org/TR/html-markup/h6.html também diz que a exibição "típica" é de 0,67em.Os títulos normalmente estão em negrito; que foi desativado para esta demonstração de correspondência de tamanho. MSIE e Opera interpretam esses tamanhos da mesma forma, mas observe que os navegadores Gecko e o Chrome interpretam Heading 6 como 11 pixels em vez de 10 pixels / tamanho de fonte 1 e Heading 3 como 19 pixels em vez de 18 pixels / tamanho de fonte 4 (embora seja difícil dizer a diferença mesmo em uma comparação direta e impossível de usar). Parece que o Gecko também limita o texto a não menos que 10 pixels.
fonte