Linguagens
Referência Rápida de CSS
Cheat sheet pronto para impressão de Referência Rápida de CSS, organizado para consulta rápida, estudo e uso ao lado da mesa
Amostra
O que tem neste cheat sheet
- Seletores
- Box Model
- Flexbox
- Grid
- Tipografia
- Cores & Fundos
- Transições & Animação
- Design Responsivo
- Posicionamento
- Propriedades Customizadas
Seletores Básicos
* | Universal — todos os elementos |
div | Tipo — todos os elementos `<div>` |
.class | Classe — elementos com a classe |
#id | ID — elemento com o id |
[attr] | Atributo — tem o atributo |
[attr="val"] | Atributo igual ao valor |
Combinadores
A B | Descendente (qualquer profundidade) |
A > B | Filho direto apenas |
A + B | Irmão adjacente (próximo) |
A ~ B | Irmão geral (todos após) |
Pseudo-classes
:hover | Mouse sobre o elemento |
:focus | Elemento com foco |
:first-child | Primeiro filho do pai |
:nth-child(n) | Nº filho (base 1, `odd`, `even`, `2n+1`) |
:not(sel) | Negação — excluir matches |
:has(sel) | Seletor pai (contém match) |
Baixe o cheat sheet completo com todas as seções, formatado para impressão
Baixar PDFDownloads
Escolha o formato que combina com seu jeito de ler
-
Recomendado
Padrão
P&B, econômico em tinta. O padrão para impressoras a laser e fotocópias
Ideal para Impressões e referência de mesa
-
Colorido
Acentos quentes para leitura em tela ou impressoras coloridas
Ideal para Leitura em tela ou impressoras coloridas
-
Cartão de referência
Densidade máxima, layout em 4 colunas. Tudo em uma página
Ideal para Varredura rápida e uso mínimo de papel
