INICIO | QUIENES SOMOS | TECNOLOGIA | 3D/ANIMACION
Tecnología: Creación de páginas web: CSS
Enlaces de interés:

http://www.w3.org/, Home page de CSS en W3C.
http://jigsaw.w3.org/css-validator Un validador para CSS, especie de debugger oficial para CSS.

Tutoriales hay muuuchos en Internet, ya sabes, vete a un buscador, por ejemplo el Google o Altavista y te saldrán cientos de ellos. Y en los enlaces recomendados en la página principal de tecnología encontrarás más.
CSS es una tecnología/solución/mecanismo por el cual las páginas HTML adquieren un grado más de calidad. Es código que va junto al código HTML que permite principalmente posicionamiento absoluto en la página así como unificar la imagen corporativa del site o página web en un solo fichero, lo que atuda muchísimo en la administración de una web.
Por ejemplo, permite establecer un tipo de letra determinado a todos los links (enlaces) que no aparezcan subrayados, permite posicionar un texto encima de otro, etc.

La forma de establecer un estilo puede ser:
- Añadiendo el atributo style a cualquier directiva HTML y asignándoles datos y valores:

<table>
<tr>
    <td style="font-family:Times New Roman,Verdana; font-weight:bold; color:#BB9933;"%>
</tr>
</table>


- Creando un fichero con las ordenes CSS en un fichero y "llamando" a ese fichero:

<html>
<head>
<link rel="stylesheet" href="nombre_del_fichero.css"%>
</head>
</html>

Donde el fichero sería algo así:
body
{
    background-image: "images/fondo.gif";
    background-repeat: no-repeat;
}
.
.
.


- Poniendo la directiva HTML style y definiendo ahí los estilos:

<head>
<style>
a:link
{
   color:#006045;
   text-decoration: none;
}
</style>
</head>


Lógicamente, los más útiles son los dos últimos ya que, como se ha visto es donde se especifican estilos para las directivas comunes a todo documento HTML (body, a, input, etc)
Además, se pueden definir estilos para los div o layers (directiva div) o inventarme "clases" para aplicarlas a los textos de mi página (o lo que quiera):

El fichero podría ser algo así:
body
{
    background-image: "images/fondo.gif";
    background-repeat: no-repeat;
    position: fixed;
}
.titulo_texto
{
font-family: Verdana, Helvetica;
font-weight: bold;
font-size: 8pt;
color: #BB9933
}

Y llamaría al estilo titulo_texto añadiendo el atributo class al contenedor del texto:
   <td class="titulo_texto">Texto con formato</td>
O también, utilizando la directiva span
   <span class="titulo_texto">Texto con formato</span>

Una vez visto esto, solo hay que ver las posibilidades que admiten las hojas de estilo. Hacer que los enlaces no aparezcan subrayados, poner fija la imagen de fondo (arriba se ve el ejemplo, posicionar cajas de texto encima de otras, establecer todo el texto de una web con un tipo de letra y color (y si luego quiero cambiarlo, lo hago en un solo sitio), etc...