Modelo De Caja
Páginas: 3 (570 palabras)
Publicado: 1 de mayo de 2015
Modelo de Caja (CSS)
El modelo de cajas es el comportamiento de CSS que hace que todos los elementos de las páginas se representen mediante cajas rectangulares.
Las cajas de una página se creanautomáticamente. Cada vez que se inserta una etiqueta HTML, se crea una nueva caja rectangular que encierra los contenidos de ese elemento.
Las partes que componen cada caja y su orden de visualizacióndesde el punto de vista del usuario son las siguientes:
- Contenido (content): se trata del contenido HTML del elemento (las palabras de un párrafo, una imagen, el texto de una lista de elementos,etc.)
- Relleno (padding): espacio libre opcional existente entre el contenido y el borde.
Borde (border): línea que encierra completamente el contenido y su relleno.
- Imagen de fondo (backgroundimage): imagen que se muestra por detrás del contenido y el espacio de relleno.
- Color de fondo (background color): color que se muestra por detrás del contenido y el espacio de relleno.
- Margen(margin): separación opcional existente entre la caja y el resto de cajas adyacentes.
Las dimensiones del área del contenido de una caja --el ancho del contenido y la altura del contenido-- dependen devarios factores: si el elemento que genera la caja tiene asignadas las propiedades 'width' o 'height', si la caja contiene texto u otras cajas, si la caja es una tabla, etc.
El ancho de la caja estádado por la suma de los márgenes, bordes y rellenos izquierdos y derechos, y el ancho del contenido. La altura está dada por la suma de los márgenes, bordes y rellenos superiores e inferiores, y laaltura del contenido.
Posicionamiento
El estándar de CSS define cinco modelos diferentes para posicionar una caja:
Posicionamiento normal o estático: se trata del posicionamiento que utilizan losnavegadores si no se indica lo contrario.
- Posicionamiento relativo: variante del posicionamiento normal que consiste en posicionar una caja según el posicionamiento normal y después desplazarla...
El modelo de cajas es el comportamiento de CSS que hace que todos los elementos de las páginas se representen mediante cajas rectangulares.
Las cajas de una página se creanautomáticamente. Cada vez que se inserta una etiqueta HTML, se crea una nueva caja rectangular que encierra los contenidos de ese elemento.
Las partes que componen cada caja y su orden de visualizacióndesde el punto de vista del usuario son las siguientes:
- Contenido (content): se trata del contenido HTML del elemento (las palabras de un párrafo, una imagen, el texto de una lista de elementos,etc.)
- Relleno (padding): espacio libre opcional existente entre el contenido y el borde.
Borde (border): línea que encierra completamente el contenido y su relleno.
- Imagen de fondo (backgroundimage): imagen que se muestra por detrás del contenido y el espacio de relleno.
- Color de fondo (background color): color que se muestra por detrás del contenido y el espacio de relleno.
- Margen(margin): separación opcional existente entre la caja y el resto de cajas adyacentes.
Las dimensiones del área del contenido de una caja --el ancho del contenido y la altura del contenido-- dependen devarios factores: si el elemento que genera la caja tiene asignadas las propiedades 'width' o 'height', si la caja contiene texto u otras cajas, si la caja es una tabla, etc.
El ancho de la caja estádado por la suma de los márgenes, bordes y rellenos izquierdos y derechos, y el ancho del contenido. La altura está dada por la suma de los márgenes, bordes y rellenos superiores e inferiores, y laaltura del contenido.
Posicionamiento
El estándar de CSS define cinco modelos diferentes para posicionar una caja:
Posicionamiento normal o estático: se trata del posicionamiento que utilizan losnavegadores si no se indica lo contrario.
- Posicionamiento relativo: variante del posicionamiento normal que consiste en posicionar una caja según el posicionamiento normal y después desplazarla...
Leer documento completo
Regístrate para leer el documento completo.