El modelo de cajas CSS divide cada elemento de una página web en cajas rectangulares. Cada caja tiene cuatro partes: contenido, relleno, borde y margen. El contenido muestra la información, el relleno es el espacio alrededor del contenido, el borde separa el relleno del margen, y el margen es el espacio exterior que separa las cajas.
0 calificaciones0% encontró este documento útil (0 votos)
49 vistas9 páginas
El modelo de cajas CSS divide cada elemento de una página web en cajas rectangulares. Cada caja tiene cuatro partes: contenido, relleno, borde y margen. El contenido muestra la información, el relleno es el espacio alrededor del contenido, el borde separa el relleno del margen, y el margen es el espacio exterior que separa las cajas.
El modelo de cajas CSS divide cada elemento de una página web en cajas rectangulares. Cada caja tiene cuatro partes: contenido, relleno, borde y margen. El contenido muestra la información, el relleno es el espacio alrededor del contenido, el borde separa el relleno del margen, y el margen es el espacio exterior que separa las cajas.
El modelo de cajas CSS divide cada elemento de una página web en cajas rectangulares. Cada caja tiene cuatro partes: contenido, relleno, borde y margen. El contenido muestra la información, el relleno es el espacio alrededor del contenido, el borde separa el relleno del margen, y el margen es el espacio exterior que separa las cajas.
Descargue como PDF, TXT o lea en línea desde Scribd
Descargar como pdf o txt
Está en la página 1/ 9
Tecnológico de Estudios Superiores de Jocotitlán
Ingenieria en Sistemas Computacionales
Asignatura: Programación web
Docente: Aurea Teresa Reyes Delgado
2.7. Modelo de caja.
Alumnos: Berenice Hermenegildo Adrián Charbet Rafael Marmolejo Manuel Cesar Ramirez Bernabe
IC-0802 ¿QUÉ ES EL MODELO DE CAJAS CSS?
Es un comportamiento de CSS que hace que todos los elementos de las páginas sean mostras mediente .cajas rectangulares. Condiciona el diseño de todas las páginas web. Las cajas de una página se crean automáticamente. En la creacion de una etiqueta HTML, se forma una caja rectangular que contiene el elemento. ELEMENTOS DE UNA CAJA
Contenido de la caja (o content box).
Relleno de la caja (o padding box). Borde de la caja (o border box). Margen de la caja (o margin box). CONTENIDO DE LA CAJA Es el area donde se muestra el contenido, cuyo tamaño puede cambiar utlizando width y height RELLENO DE Es el espacio en blanco alrededor del contenido, se puede controlar el tamaño LA CAJA usando las propiedad padding BORDE DE LA El borde se dibuja entre el margen y el área de relleno de
CAJA una caja.
Si utilizas el modelo de cajas
estándar, el tamaño del borde se añade a los elementos width y height que establecen el alto y el ancho de la caja.
Hay una gran cantidad de
propiedades que sirven para aplicar estilo a los bordes: hay cuatro bordes y cada borde tiene un estilo, un ancho y un color que podemos modificar. La propiedad border permite definir en una única regla todos los bordes de los elementos seleccionados.
Se puede utilizar border para
definir el o los valores siguientes: border-width, border- style, border-color.
Para establecer las propiedades de
cada lado de forma individual, puedes utilizar:
border-top border-right border-bottom border-left MARGEN DE LA CAJA El margen es la capa más externa. El margen es un espacio invisible que hay alrededor de la caja. Aleja el resto de elementos de la caja. Para controlar su tamaño se usa la propiedad margin. REFERENCIAS “El Modelo de Caja - Aprende sobre Desarrollo Web: MDN,” Aprende sobre desarrollo web | MDN. [Online]. Available: https://developer.mozilla.org/es/docs/Learn/CSS/Bu ilding_blocks/The_box_model. [Accessed: 22-Mar- 2023].
