Linguagens

Referência Rápida HTML e CSS

Cheat sheet pronto para impressão de Referência Rápida HTML e CSS, organizado para consulta rápida, estudo e uso ao lado da mesa

Fonte: MDN Web Docs (developer.mozilla.org)
Licença: MIT
Atualizado: 2026-03-27

Amostra

O que tem neste cheat sheet

Estrutura HTML
Elementos Comuns
Formulários
HTML Semântico
Seletores CSS
Box Model
Flexbox
Grid
Posicionamento
Media Queries

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0">
  <title>Page Title</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Hello World</h1>
  <script src="app.js"></script>
</body>
</html>

Baixe o cheat sheet completo com todas as seções, formatado para impressão

Baixar PDF

Downloads

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

PDF 1 página Letter horizontal

Baixar PDF
Colorido

Acentos quentes para leitura em tela ou impressoras coloridas

Ideal para Leitura em tela ou impressoras coloridas

PDF 1 página Letter horizontal

Baixar PDF
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

PDF 1 página Letter horizontal

Baixar PDF

Referência Rápida HTML e CSS

O que tem neste cheat sheet

Escolha o formato que combina com seu jeito de ler

Padrão

Colorido

Cartão de referência