Está en la página 1de 10

Cascading Style Sheets

Haga clic para modificar el estilo de subttulo del patrn

Introduccin Hojas de Estilo en Cascada CSS


Las hojas de estilo en cascada (en ingls Cascading Style Sheets), CSS es un lenguaje usado para definir la presentacin de un documento estructurado escrito en HTML o XML (y por extensin en XHTML).

Introduccin Hojas de Estilo en Cascada CSS


La idea que se encuentra detrs del desarrollo de CSS es separar la estructura de un documento de su presentacin. Cuando se utiliza CSS, la etiqueta <H1> no debera proporcionar informacin sobre como va a ser visualizado, solamente marca la estructura del documento. La informacin de estilo separada en una hoja de estilo, especifica cmo se ha de mostrar <H1>: color, fuente, alineacin del texto, tamao y otras caractersticas no visuales como definir el volumen de un sintetizador de voz, por ejemplo.

Los tres tipos de estilos


CSS proporciona tres caminos diferentes para aplicar las reglas de estilo a una pgina Web: hoja de estilo externa, que es una hoja de 1. Una
estilo que est almacenada en un archivo diferente al archivo donde se almacena el cdigo HTML de la pgina Web. Esta es la manera de programar ms potente, porque separa completamente las reglas de formateo para la pgina HTML de la estructura bsica de la pgina.

Los tres tipos de estilos


2. Una hoja de estilo interna, que es una hoja de estilo que est incrustada dentro de un documento HTML. (Va a la derecha dentro del elemento <head>). De esta manera se obtiene el beneficio de separar la informacin del estilo, del cdigo HTML propiamente dicho. Se puede optar por copiar la hoja de estilo incrustada de una pgina a otra, (esta posibilidad es difcil de ejecutar si se desea para guardar las copias sincronizadas). En general, la nica vez que se usa una hoja de estilo interna, es cuando se quiere proporcionar alguna caracterstica a una pgina Web en un simple fichero, por ejemplo, si se est enviando algo a la pgina web.

Los tres tipos de estilos


3. Un estilo en lnea (inline), que es un mtodo para insertar el lenguaje de estilo de pgina, directamente, dentro de una etiqueta HTML. Esta manera de proceder no es totalmente adecuada. El incrustar la descripcin del formateo dentro del documento de la pgina Web, a nivel de cdigo se convierte en una tarea larga, tediosa y poco elegante de resolver el problema de la programacin de la pgina. Este modo de trabajo se podra usar de manera ocasional si se pretende aplicar un formateo con prisa, al vuelo. No es todo lo claro, o estructurado, que debera ser, pero funciona. Este es el mtodo recomendado para maquetar correos electrnicos en HTML.

Ventajas de usar las hojas de estilo


Control centralizado de la presentacin de un sitio web completo con lo que se agiliza de forma considerable la actualizacin del mismo. Los navegadores permiten a los usuarios especificar su propia hoja de estilo local que ser aplicada a un sitio web, con lo que aumenta considerablemente la accesibilidad. Por ejemplo, personas con deficiencias visuales pueden configurar su propia hoja de estilo para aumentar el tamao del texto o remarcar ms los enlaces.

Ventajas de usar las hojas de estilo


Una pgina puede disponer de diferentes hojas de estilo segn el dispositivo que la muestre o incluso a eleccin del usuario. Por ejemplo, para ser impresa, mostrada en un dispositivo mvil, o ser "leda" por un sintetizador de voz. El documento HTML en s mismo es ms claro de entender y se consigue reducir considerablemente su tamao (siempre y cuando no se utilice estilo en lnea).

Diagramado de pgina en CSS


Antes de que estuviera disponible CSS, la nica forma de componer espacialmente una pgina era el uso de tablas. Aunque es una tcnica cmoda y verstil, se est usando un elemento con una semntica particular, que es la de expresar informacin tabular, solamente por su efecto en la presentacin. La introduccin de CSS ha permitido en muchos casos reemplazar el uso de tablas. Sin embargo CSS todava no permite la versatilidad que ofrecan las tablas, lograr un diagramado de una pgina compleja suele ser una tarea difcil en CSS y las diferencias entre navegadores dificultan an ms la tarea. Se espera que futuros desarrollos en CSS3 resuelvan esta deficiencia y hagan de CSS un lenguaje ms apto para describir la estructura espacial de una pgina.