Universidad Tecnologica Oteima DISEÑO DE MEDIOS Y MATERIALES MULTIMEDIOS Rigoberto Quintana M. Hojas de estilo en cascada.

Presentación del tema: "Universidad Tecnologica Oteima DISEÑO DE MEDIOS Y MATERIALES MULTIMEDIOS Rigoberto Quintana M. Hojas de estilo en cascada."— Transcripción de la presentación:

1 Universidad Tecnologica Oteima DISEÑO DE MEDIOS Y MATERIALES MULTIMEDIOS Rigoberto Quintana M. Hojas de estilo en cascada

2 CSS_Que son? Son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML)”. Lo que en definitiva viene a querer decir es que las CSS se utilizan para dar estilo a los documentos HTML, XML o XHTML y así poder separar en un documento de este tipo por un lado, su contenido y estructura, y por otro, su estilo y presentación

3 Ventajas de la utilizacion de las CSS   Permiten centralizar el control de la presentación de un sitio web completo con lo que a la hora de realizar modificaciones se reduce enormemente el tiempo de desarrollo puesto que cuando se realice en la CSS un cambio en el estilo marcado para un elemento éste afectará a todas las páginas vinculadas a esa CSS en las que aparezca dicho elemento.   El documento HTML es más claro de entender y su tamaño se reduce considerablemente al no tener que repetir código.   También se permite la reusabilidad del código de las CSS para distintos sitios web.

4 Tipos de Hojas CSS   Las hojas de estilos externas son aquellas que están en un fichero aparte, distinto a los archivos que contienen las páginas web. Los archivos que contienen este tipo de hojas de estilo suelen tener la extensión.css. Para referirse a estos archivos dentro del documento se utiliza la etique link. Veamos un ejemplo sencillo del código de una página web que utiliza una hoja de estilo en cascada externa

5 Tipos de Hojas CSS   En cambio, las hojas de estilo internas se definen en el propio documento al que se le quiere dar estilo, y como es lógico, sólo se aplican a dicho documento. Generalmente, se definen en la sección head, de esta forma, los estilo implementados se reconocen antes de que la página se cargue por completo y se irán aplicando a los elementos a medida que estos se van mostrando. La forma de crear un hoja de estilo interna es definiendo un bloque utilizando la etiqueta style (no confundir atributo style con etiqueta style). En el interior del bloque se deben implementar las reglas de estilo. Veamos un ejemplo de una página web que contiene una hoja de estilo en cascada interna