Las hojas de estilo en cascada o CSS permiten especificar una serie de propiedades de una etiqueta, como la fuente y el tamaño del texto o su situación en la página.
El uso de estilos permite establecer una diferenciación clara entre el contenido de una página y la visualización de la misma.
Hoy en día, por ejemplo, es habitual que una página se muestre en distintos dispositivos como un ordenador de sobremesa, una PDA, un teléfono móvil, etc. Usando una hoja de estilo diferente para cada dispositivo se puede conseguir que la misma página se muestre de forma diferente en cada uno de ellos, adaptándose a sus características particulares.
Una hoja de estilo define estilos para los elementos HTML. Existen tres formas
de definir estilos:
• Mediante estilos individuales
• Mediante estilos genéricos
• Mediante un enlace a una hoja de estilos externa
En los dos primeros casos los estilos se definen en el propio documento HTML,
mientras que en el último se definen en un documento independiente.
Los tres tipos de estilos se pueden utilizar simultáneamente. En tal
caso, los estilos individuales tienen prioridad sobre los genéricos, y
éstos a su vez sobre los externos. Esta definición "en
cascada" de los estilos es la que da nombre a las hojas de estilos.
Diseño web de Hooping