Saltar al contenido principal
Codigo Heroe
  • Matriz de skills
  • Cursos
  • Registro
  • Iniciar sesión
  1. Principal
  2. Todos los cursos
  3. Distribución de páginas
  1. Modelo de cajas
  2. Posicionamiento
  3. Distribución general de la página
  4. Distribución de componentes
  5. Distribuciones complejas de componentes

Modelo de cajas

Aprende a controlar las dimensiones y la posición de los elementos, a definir relleno, márgenes y bordes, y a reconocer los tipos de cajas y sus características. Es el primer paso, y el más importante, para crear páginas con una distribución compleja y elementos decorativos elaborados.
Cajas de bloque Tarea
Cajas en línea Tarea
Ancho y alto Tarea
Relleno: la propiedad padding Tarea
Márgenes: la propiedad margin Tarea
Bordes Tarea
El modelo de cajas estándar Tarea
Colapso de márgenes Tarea
Márgenes que salen del contenedor Tarea
Cómo centrar un elemento Tarea
El modelo de cajas y las cajas en línea Tarea
Ancho del 100% y ancho predeterminado Tarea
Limitaciones del modelo de cajas estándar Tarea
Cambiar el modelo de cajas: box-sizing Tarea
Cambiar el tipo de caja: display Tarea
La propiedad display: inline-block Tarea
La propiedad display: table Tarea
La propiedad display: table-row Tarea
La propiedad display: table-cell Tarea
La propiedad display: none Tarea
Codigo Heroe

© 2023-2026, codigoheroe.com