Ejercicio de programación con CSS: Modelo de caja
Test
Ejercicios CSS Modelo Caja. Aprende a manejar el modelo de caja en CSS mediante ejercicios prácticos y ejemplos claros.
Esta prueba ha sido diseñada para evaluar y reforzar tu comprensión sobre el Modelo de Caja en CSS. Cubre temas que van desde el tamaño y disposición de los elementos hasta la manipulación de sus propiedades, y te ayudará a identificar tus áreas de fortaleza y las que necesitan más estudio.
Todos los ejercicios de programación de CSS
Evalúa tus conocimientos con ejercicios de programación en CSS de tipo Test, Puzzle, Código y Proyecto con VSCode.
Modelo de caja
Código
Flexbox en Tailwind CSS
Puzzle
Contenedores y columnas en Tailwind CSS
Código
Propiedades de posicionamiento
Puzzle
Clases de bordes de Tailwind CSS
Código
Hover, focus y estado de Tailwind CSS
Código
Metodologías de escritura CSS: BEM, SMACSS, OOCSS
Puzzle
Clases de colores y fondo de Tailwind CSS
Código
Animaciones y transiciones
Test
Introducción a CSS
Test
Selectores avanzados
Puzzle
Sintaxis básica
Test
Sintaxis
Código
Página web completa con Bootstrap
Proyecto
Estilos de fuente
Test
Sintaxis avanzada
Puzzle
Clases de tamaño de Tailwind CSS
Puzzle
Diseño responsive con media queries
Test
Instalación de Tailwind CSS
Código
Tipografía y fuentes en Tailwind CSS
Puzzle
Certificados de superación de CSS
Supera todos los retos de CSS y obtén estos certificados de superación para mejorar tu currículum y tu empleabilidad.
Tutorial para resolver este ejercicio de programación
CSS
Modelo de caja
Modelo caja y posicionamiento