Lenguajes

Referencia Rápida de HTML y CSS

Cheat sheet imprimible de Referencia Rápida de HTML y CSS, organizado para consulta rápida, estudio y uso de escritorio

Fuente: MDN Web Docs (developer.mozilla.org)
Licencia: MIT
Actualizado: 2026-03-27

Muestra

Qué incluye este cheat sheet

Estructura HTML
Elementos comunes
Formularios
HTML semántico
Selectores CSS
Modelo de caja
Flexbox
Grid
Posicionamiento
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>

Descarga el cheat sheet completo con todas las secciones, listo para imprimir

Descargar PDF

Descargas

Elige el tratamiento que mejor se adapta a tu lectura

Recomendado

Estándar

Blanco y negro, ahorro de tinta. La opción por defecto para impresoras láser y fotocopias

Ideal para Impresiones y referencia de escritorio

PDF 1 página Carta horizontal

Descargar PDF
Color

Acentos cálidos para lectura en pantalla o impresoras a color

Ideal para Lectura en pantalla o impresoras a color

PDF 1 página Carta horizontal

Descargar PDF
Tarjeta de referencia

Máxima densidad, diseño de 4 columnas. Todo en una sola página

Ideal para Escaneo rápido y mínimo uso de papel

PDF 1 página Carta horizontal

Descargar PDF

Referencia Rápida de HTML y CSS

Qué incluye este cheat sheet

Elige el tratamiento que mejor se adapta a tu lectura

Estándar

Color

Tarjeta de referencia