CSS Font Cheat Sheet
Postado por: Pedro Rogério emMuitas pessoas que estão começando agora com CSS não sabem que existe uma forma “curta” de declarar os valores para a propriedade font das CSS, onde muitas vezes acabam escrevendo várias linhas de código que ao meu ver são desnecessárias. Para auxiliar essas pessoas, acabei encontrando um Cheat Sheet que nos auxilia a como escrever declarações curtas na propriedade font das CSS:
Caso eu fosse decalarar essas regras separadamente, a estrutura CSS seria a seguinte:
#foo {
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:34px;
line-height:100px;
font-family:"Times New Roman", Times, serif;
}
Mas de forma resumida, ela pode ser escrita da seguinte forma:
#foo {
font: italic small-caps bold 34px/100px "Times New Roman", Times, serif;
}
Você pode efetuar o download desse Cheat Sheet em formato PDF para estudo caso tenha interesse aqui.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
Social comments and analytics for this post…
This post was mentioned on Twitter by pinceladasdaweb: Outro post – CSS Font Cheat Sheet: http://migre.me/pq8K #css…
Lembrando que não é preciso declarar todos os valores. Apenas [size] e [family] são obrigatórios e devem estar na ordem apresentada no exemplo.
Os restantes valores quando não declarados assumem o valor default ou inherit (herdado do elemento pai) e podem estar em qualquer ordem
Análise legal. Mostra direitinho, de forma sucinta.
Agora só falta para todas as outras propriedades que comportam declaração única! rsrs
[...] eu fosse decalarar essas regras separadamente, a estrutura CSS seria a seguinte: view sourceprint? 1.#foo { 2. font-style:italic; 3. font-variant:small-caps; 4. font-weight:bold; 5. [...]