Manual : CSS básico

Hojas en estilo de cascada, comúnmente conocidas como CSS, le permiten separar contenidos de una cierta disposición en las páginas Web en html. CSS es una forma de hacer su página HTML más estructurada, permitiéndole definir la disposición de manera más efectiva que con el clásico HTML, haciendo su vida más fácil, cuando desee actualizar el estilo de su sitio Web.

Cómo funciona el CSS?

CSS es un mecanismo simple para añadir y definir el estilo (ej.: fuentes, colores, espacios) de los sitios Web.

Cada estilo definido tiene un nombre único, llamado selector. Cada selector y sus estilos son definidos una vez en un cierto lugar, el CSS le evita tener que volver a escribir completamente el comando del estilo una y otra vez. Un CSS puede ser interno o externo de la página Web. Cuando desee activar un cierto estilo, solo debe referirse al selector en su HTML (de hecho ud selecciona el estilo que desea utilizar).

Ud puede definir un estilo y luego referirse a él (seleccionarlo) en lugar de tener que volver a escribir completamente el comando del estilo una vez más.

Ejemplo: Definición de una tabla sencilla:

HTML Clásico

<table>
<tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color="red"><b>Esta es la línea 1</b></font></td></tr>
<tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color="red"><b>Esta es la línea 2 </b></font></td></tr>
<tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color="red"><b>Esta es la línea 3 </b></font></td></tr>
</table>

Con CSS (asumiendo que un selector llamado subtexto es definido

<table>
<tr><td class="subtext">Esta es la línea 1</td></tr>
<tr><td class="subtext">Esta es la línea 2 </td></tr>
<tr><td class="subtext">Esta es la línea 3 </td></tr>
</table>