Modelo de Caja

🏁 Objetivos

  • Que comprendas el modelo de caja de CSS y puedas utilizarlo
  • Que te familiarices con el uso de contenedores

📝 Contenidos

Contenedores

  • div
  • Anidado de contenedores

Modelo de caja

  • width
  • heigth
  • padding
  • margin
  • border (border-width, border-style, border-color)
  • La propiedad auto con margin
  • Forma abreviada de margin, padding y border
  • Calculando el ancho total
  • box-sizing
  • Colapsamiento de márgenes
  • overflow
  • display: inline, block e inline-block
  • box-shadow

🚀 Recursos de la clase

📆 Fecha: 05-05-2021

📹 Grabación

📁 Filmina

👩‍💻 Código

💪 Ejercitación Mumuki

💪 Ejercitación


📚 Material de lectura

En inglés