Si aparece en este enlace de forma directa que sepa que se ha perdido la Parte 1 de nuestro blog que habla sobre Avanzando en Divs.
Vamos a estudiar el primer div.
contenedor
Este div lo usamos para contener el resto de la página y al cual le aplicamos un estilo de tipo id ya que solo lo usará el. Por eso si subimos arriba del código vemos el siguiente estilo:
Y esta es la llamada desde el HTML al estilo:
Nota: Siempre que a un div le asignemos un estilo mediante un id, en css definiremos el mismo id anteponiendo una almohadilla y dentro de llaves viene el estilo que queremos aplicar.
Comentamos el estilo:
margin: Al usar dos valores el primero es para los márgenes de arriba y abajo y el segundo para izquierda y derecha, en nuestro caso es superior e inferior a cero y el poner auto nos centra el div en la página, si quiere saber mas contacte con nosotros.
width: Estamos dando un ancho absoluto de 960 pixeles a nuestro contenedor y esto es válido para la mayoría de las pantallas actuales que tienen resoluciones superiores
Por ejemplo yo trabajo con una pantalla de resolución 1920 pixeles. con lo que gastaría la mitad de la pantalla en este contenedor aprox.
Aquí termina la sesión que próximamente verá su continuación
Vamos a estudiar el primer div.
contenedor
Este div lo usamos para contener el resto de la página y al cual le aplicamos un estilo de tipo id ya que solo lo usará el. Por eso si subimos arriba del código vemos el siguiente estilo:
Y esta es la llamada desde el HTML al estilo:
Nota: Siempre que a un div le asignemos un estilo mediante un id, en css definiremos el mismo id anteponiendo una almohadilla y dentro de llaves viene el estilo que queremos aplicar.
Comentamos el estilo:
margin: Al usar dos valores el primero es para los márgenes de arriba y abajo y el segundo para izquierda y derecha, en nuestro caso es superior e inferior a cero y el poner auto nos centra el div en la página, si quiere saber mas contacte con nosotros.
width: Estamos dando un ancho absoluto de 960 pixeles a nuestro contenedor y esto es válido para la mayoría de las pantallas actuales que tienen resoluciones superiores
Por ejemplo yo trabajo con una pantalla de resolución 1920 pixeles. con lo que gastaría la mitad de la pantalla en este contenedor aprox.
Aquí termina la sesión que próximamente verá su continuación
Comentarios
Publicar un comentario