Recursos Informáticos Internacionales I.Hoja de estilo en cascada o CSS (cascading style sheets) es...

UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO. ESCUELA NACIONAL DE ESTUDIOS SUPERIORES UNIDAD LEÓN.

ADMINISTRACIÓN AGROPECUARIA. AA2201.

Recursos Informáticos Internacionales I. MTI. Juan Antonio León López.

1

Recursos Informáticos Internacionales I.

Semana 10.

Jueves 10 Marzo 2016.

Práctica 9.

- Hoja de estilos en cascada (CSS).

Centrando el cuerpo.

Creando la caja principal.




2

Hoja de estilos en cascada (CSS).

Hoja de estilo en cascada o CSS (cascading style sheets) es un lenguaje usado para

definir y crear la presentación de un documento estructurado escrito en HTML.

El World Wide Web Consortium (W3C) es el encargado de formular la especificción de

las hojas de estilo que servirán de estándar para los agentes de usuarios o navegadores.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un

documento de su presentación.




3




4




5




6




7




8

Centrando el cuerpo.

El primer elemento que es parte del modelo de caja es siempre <body>.

Normalmente, por diferentes razones de diseño, el contenido de este elemento debe ser

posicionado horizontalmente.

Siempre deberemos especificar el tamaño de este contenido, o un tamaño, para obtener

un diseño consistente a través de diferentes configuraciones de pantalla.

Por defecto, la etiqueta <body> tiene un valor de ancho establecido en 100%.

Esto significa que el cuerpo ocupará el ancho completo de la ventana del navegador. Por

lo tanto, para centrar la página web en la pantalla, necesitamos centrar el contenido

dentro del cuerpo.




9




10




11




12




13




14

Creando la caja principal

Debemos especificar un tamaño máximo para el contenido del cuerpo.

Se agregó un elemento <div> a la plantilla para agrupar todas las cajas dentro del cuerpo.

Este <div> será considerado la caja principal para la construcción de nuestro modelo de

caja.

De este modo, modificando el tamaño de este elemento, lo hacemos al mismo tiempo

para todos los demás.




15

Recursos Informáticos Internacionales I.Hoja de estilo en cascada o CSS (cascading style sheets) es...

Documents

Transcript of Recursos Informáticos Internacionales I.Hoja de estilo en cascada o CSS (cascading style sheets) es...