GuíaBásico

Guía de Fundamentos Web: HTML y CSS

Aprende a estructurar y dar estilo a una página web desde cero, con el criterio de un desarrollador senior: por qué el HTML semántico importa (accesibilidad, SEO), cómo se calcula el tamaño real de una caja con el box model, por qué un estilo gana sobre otro (la cascada y la especificidad), y cómo Flexbox y CSS Grid resuelven el layout moderno. La guía trata HTML y CSS no como "lo fácil que se salta", sino como el fundamento que permite razonar sobre cualquier interfaz, incluida la que construirás después con React o Tailwind. Cada módulo ejecuta en Node.js la lógica del modelo CSS —especificidad, box model, reparto de espacio en Flexbox, ubicación de celdas en Grid— para que el razonamiento se verifique, no se memorice. El hilo conductor es el storefront de Mercado: construyes su markup semántico y accesible, ordenas su hoja de estilos con baja especificidad, armas su lista de productos como un Grid responsivo con Flexbox en las tarjetas, y la haces responsiva de móvil a escritorio. Es la guía base del ecosistema Fullstack de NIEVA: todo lo que viene después (React, Next.js, sistemas de diseño) renderiza HTML y aplica CSS sobre esta base.