COLEGIO PRE-UNIVERSITARIO

“GALILEO”

Alumno: Daniel Andrés Osorio López.

Carrera: 5to Perito en Computación.

Clave: 6

Curso: Tecnología ll.

Docente: Bryan Escobar

Tema: Modelo Caja.

Fecha de nacimiento: 2007.

Ciclo Escolar: 2,024

 Introducción:

El modelo de caja en CSS es fundamental para comprender

cómo se estructuran y se presentan los elementos en una
página web. Cajas en bloque:
Estas cajas se comportan como bloques sólidos.
Fuerzan un salto de línea al llegar al final de la línea.
Respetan las propiedades de ancho (width) y alto (height).
El relleno, el margen y el borde mantienen a otros elementos
alejados de la caja.
Cajas en línea:
Estas cajas se comportan como elementos en línea.
No fuerzan ningún salto de línea al llegar al final de la línea.
Las propiedades de ancho y alto no se aplican.
Se aplican relleno, margen y bordes verticales, pero no
mantienen alejadas otras cajas en línea.
En resumen, el modelo de caja define cómo se representan y
se posicionan los elementos HTML en una página web
utilizando CSS. ¡Es como la base sobre la que se construye
la apariencia visual de tu sitio web!
Imágenes:
Ejemplo en html:

Y aquí se puede ver el funcionamiento desde el

navegador: