Universidad Tecnologica Oteima

1
Hojas de estilo en cascada

• Universidad Tecnologica Oteima
• DISEÑO DE MEDIOS Y MATERIALES MULTIMEDIOS
• Rigoberto Quintana M.

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