Anterior | Indice | Siguiente

Empecemos

Para empezar veremos algunas de las normas básica de CSS, y luego redefiniremos el formato de alguna etiqueta HTML y hablaremos de la clase <SPAN>. Luego pasaremos a las clases personalizadas y a las pseudo-clases.

Diseñar hojas de estilo es bastante sencillo, sólo hay que saber cómo escribirlas y seguir algunas normas básicas. Por ejemplo, para marcar el color de la etiqueta <H1> como blanco (#FFFFFF) pondría:

<STYLE>
H1 { color: #FFFFFF }
</STYLE>

Fijaos en que toda definición de estilo tiene 2 partes:
Un selector ( H1 en el ejemplo)
Una declaración (color: #FFFFFF)

El selector le dice al navegador qué etiqueta es a la que tiene que dar formato
La declaración le dice qué formato es el que tiene que aplicar.

La declaración a su vez se divide en dos partes:
Una propiedad (color en el ejemplo)
Un valor (#FFFFFF en el ejemplo)

No está siendo muy dificil de momento, ¿no?. Pues aunque no lo creáis, lo de arriba es una hoja de estilo en su totalidad. Probad a copiar el código en el encabezado de un documento (mejor con fondo negro, claro), escribir algo de texto y aplicad al texto la etiqueta <H1> (Heading1 en Dreamweaver).

A partir de aquí, sólo se trata de añadir más selectores y declaraciones entre las etiquetas <STYLE>...</STYLE>.

Al ser el selector el que indica qué es a lo que vas a aplicar un formato, cualquier etiqueta HTML puede funcionar como selector.

Hay aproximadamente unas 50 propiedades en CSS1 que puede ser aplicadas: para una lista completa de sus declaraciones y propiedades, deberías echar un vistazo a W3C.

Anterior | Indice | Siguiente