Que son los divs? en css

Solo disponible en BuenasTareas
  • Páginas : 2 (445 palabras )
  • Descarga(s) : 0
  • Publicado : 18 de enero de 2012
Leer documento completo
Vista previa del texto
¿Que son los divs?, en css
Tal vez hayas ya escuchado acerca de los divs, o escuchado cosas como; las tablas ya no se usan, ahora solo se programa con divs, las páginas con tablas son obsoletas ycosas por el estilo, pero ¿Qué son los divs? En este artículo te explico.
Primeramente los divs no es propiamente programación en php, mas bien se usan etiquetas de maquetación de armado y diseño dela página web, porque entonces si este blog es para programar en php pongo información de los divs, la respuesta es simple me lo solicitaron y aquí esta, si quieres saber de forma simple que son losdivs continua leyendo este artículo.
Bueno los divs se utilizan para indicar cajas contenedoras de información y están son manejadas en capas. En otras palabras, cuando declaras un div estas dibujandouna “cajita” a la cual le puedes poner tantas características como necesites desde una hoja de estilos, te muestro un ejemplo:

Mi Primer DIV

Hola yo estoy dentro del primer divs


Teexplico, el código anterior (en html) tiene un div al que le estamos anotando dentro “Hola estoy dentro del primer divs”, y a ese div le hemos llamado “contenedor_principal”, si lo ves en el explorador soloveras el texto, ahora podemos darle color, tamaño, fondo, etc. gracias a las hojas estilo, para seguir con el ejemplo, inicia un archivo nuevo y que vas a guardar con el nombre de “estilo.css”,anotándole el siguiente código:

#contenedor_principal{
border:solid #000;
}

Lo que le estamos diciendo es que los div que tengan de nombre contendor_principal van a tener la línea de los bordos ennegro solido, guardarlo en el mismo lugar donde hayas guardado el código anterior. Ahora se vería así:

Pero veamos que resulta si a este mismo código le agregamos un div mas, algo así:

MiPrimer DIV

Hola yo estoy dentro del primer divs:

Que tal yo estoy dentro del contenedor principal

Y a la hoja estilo le agregamos:
#dentro1{
background:#0C3;
border:dotted #CC0;
}
Si ves...
tracking img