¿Qué es el uso de CSS Contenedores?

CSS o Cascading Style Sheets, es un lenguaje de hoja de estilo utilizado en concierto con el lenguaje HTML para diseñar páginas Web. CSS ofrece a los desarrolladores más control sobre cómo una página se ve y se siente. Una forma de la lengua logra esto es mediante el uso de "contenedores", cajas rectangulares que contienen texto, imágenes u otro contenido. Los contenedores proporcionan la estructura de una página Web, incluso si no son inmediatamente visibles. Los contenedores también mejoran la facilidad de uso para los usuarios con diferentes ajustes del navegador.

Función

En CSS, páginas están hechas de contenedores, cada uno de los cuales contiene texto, enlaces y otra información. Estas cajas se pueden colocar en frente de o detrás de la otra. Los diseñadores pueden cambiar las dimensiones y orientación de los contenedores CSS; que pueden ser alineados uno junto al otro o separados entre sí. Los contenedores pueden tienen colores y bordes definidos, o pueden ser elementos estructurales invisibles. Los contenedores son siempre rectangulares, pero pueden estar dispuestos para simular formas más orgánicas.

beneficios

Los contenedores proporcionan una mayor flexibilidad de diseño y un mayor control de las tablas, el método principal utilizado el formato en HTML. A diferencia de las tablas, los contenedores no restringen páginas a una forma de rejilla. Desde varios contenedores se pueden superponer, los diseñadores pueden crear una apariencia anidada o texto flotador y las imágenes una sobre la otra. contenedores, diseñados adecuadamente, también aumentan la página de accesibilidad. En ellas se muestran texto en el orden correcto para los usuarios con navegadores de sólo texto, navegadores braille y otras aplicaciones de visualización no estándar. Cuando formateado con valores porcentuales, contenedores mantienen texto legible sin necesidad de desplazarse, incluso para los usuarios que navegan por el uso de fuentes más grandes.

posicionamiento

Los contenedores tienen una propiedad de posicionamiento, que es absoluta o relativa. El posicionamiento absoluto coloca el contenedor en un punto especificado en la página. El posicionamiento relativo coloca el contenedor en un punto con respecto a otros elementos de la página. Absoluta posicionamiento de contenedores funciona mejor cuando un contenedor debe quedarse, sin importar lo que aparece en la página. El posicionamiento relativo funciona mejor cuando la página tiene que buscar el mismo en las ventanas de diferentes tamaños y en diferentes navegadores.

tamaño

El tamaño y la forma de un contenedor depende de dos propiedades: la anchura y la altura. Al igual que el posicionamiento, estos pueden ser especificados como valores absolutos o relativos. contenedores absolutas se especifican en términos de píxeles, mientras que los contenedores relativos se especifican como un porcentaje de sus elementos primarios. Por lo tanto, un contenedor especificado como "50%" de ancho sería la mitad de la anchura de la, contenedor primario más grande que lo rodea. Los diseñadores pueden mezclar y combinar tamaños relativos y absolutos dentro de un contenedor, por lo que su altura fija, sino que su anchura flexible. Esto permite que las páginas para cambiar el ancho para que coincida con diferentes resoluciones de pantalla sin perder o ganar demasiada altura.

Capas

estratificación contenedor CSS permite diseños más dinámico que el HTML plano. Los diseñadores dictan capas usando la "z-index" propiedad, que puede ser automática o especificada utilizando un número. Un elemento con un número más alto siempre se mostrará en la parte superior de un elemento con un número inferior. Los diseñadores pueden utilizar números positivos y negativos para z-index del contenedor.