Introducción
Durante este documento se abordara el tema del diseño de páginas Web mediante el uso de Hojas de Estilo en Cascada (CSS a partir de ahora) aplicado al ya conocido HTML. Este documento no pretende ser un manual ni una guía de referencia, de estos ya existen muchos en la red.
La intención es mostrar casos de uso prácticos de CSS que ayuden a ilustrar el uso y el potencial de este lenguaje. Por ello, se sobreentenderá que el lector ya tiene ciertos conocimientos del funcionamiento del Web y de CSS. Se propondrán ejemplos prácticos de cómo resolver ciertos problemas que con HTML puro no se pueden conseguir y de cómo utilizar algunas características de CSS para mejorar el aspecto de nuestras páginas Web.
A tener en cuenta.
Existen varias especificaciones sobre CSS actualmente, la que aquí trataremos es la versión 2, aunque actualmente ya se encuentra en desarrollo la versión 3. A pesar de ello algunos navegadores todavía no implementan completamente la versión 2 de la especificación. Por ello, es posible que algunos ejemplos que veamos no se visualicen de igual modo en diferentes navegadores. Incluso características soportadas por dos navegadores pueden llegar a verse ligeramente diferentes según cual utilicemos.
La especificación completa de CSS 2, se puede consultar online en la dirección http://www.w3.org/TR/REC-CSS2/ (ingles) y su versión en castellano http://www.sidar.org/recur/desdi/traduc/es/css/cover.html .
La mecánica que seguiré a lo largo del documento será la de ir poniendo ejemplos prácticos que ilustren el uso de una o varias propiedades de CSS y explicando el comportamiento general de esas propiedades. Además se veremos como aplicar los estilos y las diferentes formas de hacer referencia a los distintos elementos HTML que componen una página.
Que mejor forma de tratar un tema, que predicar con el ejemplo, de modo que este trabajo se presenta en formato Web, aplicando muchos de las técnicas que ser verán en el. Para muestra un botón, como podrá ver, la Web se presenta con tres estilos de diseño diferentes, en los que tan solo cambia la hoja de estilos CSS utilizada para variar notablemente su aspecto. Podrán ser más o menos bonitos los diseños, pero muestran parte del potencial del lenguaje CSS.
David Cózar Martinez [correo] Universidad Jaume I. Currículo
Trabajo realizado para la asignatura E-64 Interconexión de Sistemas Abiertos (2004-2005).