Sie sind auf Seite 1von 9

Tema:

Uso de DIV y CSS

Qu es un DIV?
La etiqueta<div>se utiliza para definir
una seccin dentro del documento o
definir un bloque de contenido.
Esta etiqueta se usa comunmente para
agrupar un bloque de elementos, para
luego aadirle un estilo determinado.
Permitiendo una gran variedad de estilos o
efectos agregando un poco de CSS a los
estilos aplicables a los div.

Ventajas
Se requiere menos cdigo con los divs que
con las tablas lo cual nos aporta ms
velocidad.
Los divs respetan los estilos mucho mejor
que las tablas.
Los divs fueron especficamente creados
para diseo, las tablas son para tabular
resultados y an deberamos seguir
utilizndolas para ello.
Las pginas con div cargan mas rpido.

Desventajas
No tiene un significado semntico.
Los div son simplemente cajas de contenido y sin
el auxilio de CSS no se puede cambiar el diseo
del mismo.
Hay cosas que son muy complicadas de hacer con
divs como por ejemplo que acomoden su tamao
en funcin de otro div.
Con divs el centrado vertical no funciona
exactamente como quisiramos.
Algunos buscadores antiguos no muestran el
contenido de los div apropiadamente.

Ejemplo. Agrupacin con DIV

Ejemplo. Agrupacin con DIV

Ejercicio 1.
Posicionamiento de DIV continuos

Ejercicio 2.
Posicionar Cabecera-Cuerpo-Pie

Ejercicio 3.
Estructura bsica de una pgina con DIV

Das könnte Ihnen auch gefallen