Hojas de estilo con CSS1

Posiblemente conozcas las limitaciones de HTML para la presentación gráfica de los elementos en pantalla. Estas limitaciones son naturales: HTML nunca fué concebido con objetivos estéticos. CSS está pensado para superar todas esas limitaciones.

Introducción:

El HTML se ha proclamado, gracias a la WWW, en el mejor medio de poner la información a disposición de todo el mundo, independientemente de la plataforma o programa que use para conectarse a la red. Los documentos generadas en HTML pueden ser visualizados tanto desde un viejo PC con MSDOS y 66 Kb de RAM, hasta con la más avanzada computadora multiprocesador con sistema UNIX.

Sin enbargo, el HTML es un lenguaje de formato lógico, se ocupa de definir qué parte del texto es un párrafo, qué parte es un título, ect. No se ocupa de describir cómo debe representarse cada elemento. Esto no es un defecto del HTML, es una de sus virtudes: Permite que una página web sea tan válida en un navegador gráfico como en uno de texto o en uno de sintesis por voz.

Aún así, a los diseñadores web les encantaría estar seguros de que sus visitantes ven su página tal como ellos la concibieron (después de todo, se han tomado su trabajo), y para intentar ayudar en esto se crearon etiquetas como <FONT>, <B>, <I>... que permiten controlar, aunque solo sea en parte, la apariencia final del documento. De todos modos, esto no pasa de ser una especie de "chapucilla", que soluciona bastante poco: Si decidimos que una fuente debe verse en color blanco sobre fondo negro, ¿Qué hacemos al imprimirla? Necesitaríamos algún modo de decirle al navegador algo del estilo de: "Si la sacas por pantalla, hazlo así, salvo si es monocroma, que lo harás asá, y si lo vas a imprimir, hazlo de este otro modo".

Pues que nadie se preocupe, ahora yá podemos hacer todo esto y mucho más. Las hojas de estilo son la técnica mas novedosa, cómoda y eficiente para controlar el aspecto final de un documento HTML (En realidad podrían servir para casi cualquier tipo de documento, pero nosotros vamos a hablar de HTML.)

Una hoja de estilo es un conjunto de reglas que se aplican a una o más etiquetas HTML y definen qué apariencia tendrá el contenido de esa hoja al enviarla a pantalla, al imprimirla, o con cualquier dispositivo que se use para ver una página web. El lenguaje y reglas de CSS (Cascading Style Sheet. Hojas de Estilo en Cascada.) hacen este trabajo de forma muy simple y clara, facilitando (y mucho) la tarea de diseñar páginas web atractivas y vistosas.

Pero no quiero engañarte. CSS se encuentra en su versión 1 (CSS1), ya casi está terminada su versión 2 (CSS2) y existe otro estandar, dedicado al posicionamiento de objetos en las páginas, llamado Cascade Style Sheet Positioning (CSS-P). De todos ellos, el único que está aceptablemente implementado en la mayoría de navegadores es el CSS1, y no demasiado bién. Esto significa que, aunque el lenguaje CSS es muy facil de aprender y manejar, vas a tener que investigar qué cosas te deja hacer cada navegador y cómo se ve en cada uno.