ubiquitour.com

Cómo usar un Div contenedor

Cómo usar un Div contenedor

En los primeros días de Internet, páginas Web mezclar contenido y el formato en el mismo documento. Es un enfoque sencillo, si menos de elegante--. Páginas web que tenía múltiples paneles de contenido, tales como encabezados, pies de página y barras laterales, a menudo utiliza tablas para controlar el diseño. Nuevas normas prescritas usando divs en lugar de tablas para el control de diseño, que permite el formato ser pilotado. Hizo para cargar más limpio--y rápido - contenido.

Div de contenedor definido

En Web-hablan, un div es un elemento HTML, similar a las etiquetas de encabezamiento o párrafo. La diferencia es que los divs se utilizan sobre todo para "envolver" secciones de contenido, en lugar de ser ellos mismos de contenido. Mientras que cualquier div puede ser un contenedor, en el uso convencional, el div contenedor es el que contiene todos los otros contenidos en una página, incluyendo otros divs.

CSS al rescate

Muchas páginas Web moderno separar contenido de formato utilizando hojas de estilo en cascada. Archivos CSS dieron a programadores la flexibilidad de especificar elementos de formato como fuentes y fondos independientemente de los contenidos. También les dio la capacidad de tener un archivo CSS controlan el formato de potencialmente cada página del sitio Web. Cambiar una fuente llegó a ser tan simple como actualizar una sola línea en la hoja de estilo.

Utilizando el envoltorio

Puedes usar un div para incluir el menú de cabecera o la navegación. La ventaja de este enfoque es que se pueden asignar un ID o clase a contenedor, que permite que luego el destino y su contenido invocando el nombre de ID o clase en el CSS. Puede envolver los elementos de navegación, por ejemplo, en un div y le dan la clase "menu". Entonces, en tu CSS, puede especificar los atributos que sólo se aplican a la div "menu" y todo lo demás en la página ignorar. Su código HTML podría tener este aspecto:

< div clase = "menu" >... aquí va el contenido del menú< / div >

Entonces, en tu CSS, usted puede estilo, como este:

div.Menu {... Aquí va el código CSS}